Django读取Mysql数据并显示在前端的实例

2018-09-26 20:03

阅读:534

  前言:

  由于使用Django框架来做网站,需要动态显示数据库内的信息,所以读取数据库必须要做,写此博文来记录。

  接下来分两步来做这个事,添加网页,读取数据库;

  一、添加网页

  首先按添加网页的步骤添加网页,我的网页名为table.html, app名为web;

  table.html放到相应目录下;

  forms.py文件提前写好;

  修改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,添加路径

  至此可以访问

  (http//127.0.0.1:8000/app/index)

  正常显示网页内容。

  二、读取Mysql并显示

  在models.py中创建数据库 Employee,并设置name列(默认会有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)

  保存并同步数据库

   python manage.py syncdb

  这时进入到mysql中,找到我们django设置的数据库,进入其中,

  看到如下表:

  

  图1 数据库表项

  最后一个web_employee为我们刚创建的表(web是我的app名字,前缀是自动加的);

  使用insert语句插入相应数据,显示如下:

  

  图2 employee表

  ok数据已经添加完毕,接下来是在网页端显示,网页通过前面的配置已经可以正常显示,现在加入显示数据库信息。

  首先修改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() #获取我们的数据库信息到names里 #return render(request,table.html,{form:table_form}) return render_to_response(table.html,locals()) #必须用这个return

  变量names读取了我们的数据,接下来到table.html中

   <html lang=en> <head> <meta charset=UTF-8> <title>Upload Successfully</title> </head> <body> <p>学生名单}</p> <br> {% endfor %} </body> </html>

  用循环读取names里面的信息,name.id与name.name 是我们表中的两列,如上面图2。

  最终结果如下:

  

  图3 效果图

  以上这篇Django读取Mysql数据并显示在前端的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。


评论


亲,登录后才可以留言!