Django读取Mysql数据并显示在前端的实例
2018-05-27 09:14
921 查看
由于使用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,添加路径
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') #这个是table的 ]
至此可以访问
http://127.0.0.1:8000/web/table/(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> {% for name in names %} <p>{{name.id}}   :   {{name.name}}</p> <br> {% endfor %} </body> </html>
用循环读取names里面的信息,name.id与name.name 是我们表中的两列,如上面图2。
最终结果如下:
图3 效果图
以上这篇Django读取Mysql数据并显示在前端的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Django读取Mysql数据并显示在前端
- node.js+mysql把数据显示到前端简单实例
- python3 pandas 读取MySQL数据和插入的实例
- 如何从数据库调出数据显示到页面 PHP+Mysql+Html(简单实例)
- jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
- MySql 随机读取多行数据并显示
- 初级_获取MySQL数据分页查询显示在前端
- Python脚本之django---mysql-记录主机性能数据到数据库-web站点管理数据库及web显示命令执行结果
- django 小白 前端显示数据
- Java+MySql图片数据保存与读取的具体实例
- 基于PHP和Mysql相结合使用jqGrid读取数据并显示
- 从数据库调出数据显示到页面 PHP+Mysql+Html(简单实例)
- Java+MySql图片数据保存与读取的具体实例
- jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
- Java+MySql图片数据保存与读取的具体实例
- 如何从数据库调出数据显示到页面PHP+Mysql+Html(简单实例)
- mysql读取显示和存入数据均乱码的解决
- python2.7+django1.8+mysql的模版显示数据的例子
- scala实战之spark读取mysql数据表并存放到mysql库中编程实例
- Struts分页显示MYSQL数据的实例~~~