Django讀取Mysql數(shù)據(jù)并顯示在前端的實(shí)例

更新時(shí)間：2018年05月27日 09:14:26 作者：GitzLiu

今天小編就為大家分享一篇Django讀取Mysql數(shù)據(jù)并顯示在前端的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

前言：

由于使用Django框架來(lái)做網(wǎng)站，需要?jiǎng)討B(tài)顯示數(shù)據(jù)庫(kù)內(nèi)的信息，所以讀取數(shù)據(jù)庫(kù)必須要做，寫(xiě)此博文來(lái)記錄。

接下來(lái)分兩步來(lái)做這個(gè)事，添加網(wǎng)頁(yè)，讀取數(shù)據(jù)庫(kù)；

一、添加網(wǎng)頁(yè)

首先按添加網(wǎng)頁(yè)的步驟添加網(wǎng)頁(yè)，我的網(wǎng)頁(yè)名為table.html, app名為web；

table.html放到相應(yīng)目錄下；

forms.py文件提前寫(xiě)好；

修改views.py，做好視圖

from django.shortcuts import render
from web import forms
def table(request):
  table_form=forms.SignupForm()
  return render(request,'table.html',{'form':table_form})

修改url.py，添加路徑

from django.conf.urls import url,include
from django.contrib import admin
from web import views
urlpatterns = [
  url(r'^signup/$',views.signup,name='signup'),
  url(r'^index/$',views.index,name='index'),
  url(r'^table/$',views.table,name='table') #這個(gè)是table的
]

至此可以訪問(wèn)

http://127.0.0.1:8000/web/table/（http//127.0.0.1:8000/app/index）

正常顯示網(wǎng)頁(yè)內(nèi)容。

二、讀取Mysql并顯示

在models.py中創(chuàng)建數(shù)據(jù)庫(kù) Employee，并設(shè)置name列（默認(rèn)會(huì)有id列，為主鍵）；

from __future__ import unicode_literals
from django.db import models
# Create your models here.
class Employee(models.Model):
   name=models.CharField(max_length=20)

保存并同步數(shù)據(jù)庫(kù)

python manage.py syncdb

這時(shí)進(jìn)入到mysql中，找到我們django設(shè)置的數(shù)據(jù)庫(kù)，進(jìn)入其中，

看到如下表：

圖1 數(shù)據(jù)庫(kù)表項(xiàng)

最后一個(gè)web_employee為我們剛創(chuàng)建的表（web是我的app名字，前綴是自動(dòng)加的）；

使用insert語(yǔ)句插入相應(yīng)數(shù)據(jù)，顯示如下：

圖2 employee表 　　　　　　　　　　

ok數(shù)據(jù)已經(jīng)添加完畢，接下來(lái)是在網(wǎng)頁(yè)端顯示，網(wǎng)頁(yè)通過(guò)前面的配置已經(jīng)可以正常顯示，現(xiàn)在加入顯示數(shù)據(jù)庫(kù)信息。

首先修改views.py，一樣，視圖的修改都在此文件

from django.shortcuts import render
from web import forms
from models import Employee    #插入employee表
from django.shortcuts import HttpResponseRedirect,Http404,HttpResponse,render_to_response
# Create your views here.
def table(request):
  table_form=forms.SignupForm()  #樣式 ，在forms.py里配置好了
  names=Employee.objects.all()  #獲取我們的數(shù)據(jù)庫(kù)信息到names里
  #return render(request,'table.html',{'form':table_form})
  return render_to_response("table.html",locals()) #必須用這個(gè)return

變量names讀取了我們的數(shù)據(jù)，接下來(lái)到table.html中

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Upload Successfully</title>
  </head>
  <body>
    <p>學(xué)生名單</p>
    {% for name in names %}
    <p>{{name.id}}&nbsp&nbsp&nbsp:&nbsp&nbsp&nbsp{{name.name}}</p>
    <br>
    {% endfor %}
  </body>
</html>

用循環(huán)讀取names里面的信息，name.id與name.name 是我們表中的兩列，如上面圖２。

最終結(jié)果如下：