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 相关文章推荐
Windows下安装python2.7及科学计算套装
Mar 05 Python
python实现扫描日志关键字的示例
Apr 28 Python
对python sklearn one-hot编码详解
Jul 10 Python
启动Atom并运行python文件的步骤
Nov 09 Python
Python字符串逆序的实现方法【一题多解】
Feb 18 Python
Python 存储字符串时节省空间的方法
Apr 23 Python
Flask配置Cors跨域的实现
Jul 12 Python
python日期与时间戳的各种转换示例
Feb 12 Python
keras得到每层的系数方式
Jun 15 Python
Pycharm调试程序技巧小结
Aug 08 Python
Python使用pickle进行序列化和反序列化的示例代码
Sep 22 Python
深度学习小工程练习之垃圾分类详解
Apr 14 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
如何设置mysql允许外网访问
2013/06/04 PHP
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
Python用Pillow(PIL)进行简单的图像操作方法
2017/07/07 Python
python实现简单登陆流程的方法
2018/04/22 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
Python的in,is和id函数代码实例
2020/04/18 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
Python数据可视化图实现过程详解
2020/06/12 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
如何利用XMLHTTP检测URL及探测服务器信息
2013/11/10 面试题
高中生家长寄语大全
2014/04/03 职场文书
公司股份合作协议书
2014/12/07 职场文书
音乐会主持人开场白
2015/05/28 职场文书
详解Redis主从复制实践
2021/05/19 Redis
Python正则表达式中flags参数的实例详解
2022/04/01 Python
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技