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


Posted in Python onMay 27, 2018

前言:

由于使用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设置的数据库,进入其中,

看到如下表:

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

图1 数据库表项

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

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

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

图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。

最终结果如下:

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

图3 效果图

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

Python 相关文章推荐
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
May 23 Python
浅析Python中的序列化存储的方法
Apr 28 Python
Python实现批量执行同目录下的py文件方法
Jan 11 Python
django 实现编写控制登录和访问权限控制的中间件方法
Jan 15 Python
钉钉群自定义机器人消息Python封装的实例
Feb 20 Python
Python爬虫——爬取豆瓣电影Top250代码实例
Apr 17 Python
Python程序暂停的正常处理方法
Nov 07 Python
Python实现队列的方法示例小结【数组,链表】
Feb 22 Python
python opencv 检测移动物体并截图保存实例
Mar 10 Python
简单了解Java Netty Reactor三种线程模型
Apr 26 Python
Python实现UDP程序通信过程图解
May 15 Python
Python Pillow(PIL)库的用法详解
Sep 19 Python
django加载本地html的方法
May 27 #Python
《与孩子一起学编程》python自测题
May 27 #Python
儿童python练习实例
May 27 #Python
django输出html内容的实例
May 27 #Python
Python中判断输入是否为数字的实现代码
May 26 #Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
May 26 #Python
使用PyInstaller将python转成可执行文件exe笔记
May 26 #Python
You might like
理解PHP5中static和const关键字的区别
2007/03/19 PHP
PHP 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
jquery UI Datepicker时间控件的使用及问题解决
2016/04/28 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
简单实现Vue的observer和watcher
2016/12/21 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
python获得图片base64编码示例
2014/01/16 Python
tensorflow 获取变量&amp;打印权值的实例讲解
2018/06/14 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
windows下python安装小白入门教程
2018/09/18 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
如何写好优秀的创业计划书
2014/01/30 职场文书
捐款倡议书范文
2014/02/02 职场文书
免职证明样本
2014/10/23 职场文书
2015年春节标语口号
2014/12/09 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
留学推荐信中文范文
2015/03/26 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers