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 相关文章推荐
pygame学习笔记(1):矩形、圆型画图实例
Apr 15 Python
理解python正则表达式
Jan 15 Python
Python字符串切片操作知识详解
Mar 28 Python
详解python的ORM中Pony用法
Feb 09 Python
人生苦短我用python python如何快速入门?
Mar 12 Python
Python实现读取Properties配置文件的方法
Mar 29 Python
python获取程序执行文件路径的方法(推荐)
Apr 26 Python
Django的models模型的具体使用
Jul 15 Python
Django使用中间件解决前后端同源策略问题
Sep 02 Python
Python中使用gflags实例及原理解析
Dec 13 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
May 07 Python
Python+Tkinter制作专属图形化界面
Apr 01 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
聊天室php&amp;mysql(二)
2006/10/09 PHP
服务器端解压缩zip的脚本
2006/12/22 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
javascript 得到变量类型的函数
2010/05/19 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
python实现文本去重且不打乱原本顺序
2016/01/26 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
python3实现字符串操作的实例代码
2019/04/16 Python
对python while循环和双重循环的实例详解
2019/08/23 Python
selenium+python配置chrome浏览器的选项的实现
2020/03/18 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
检查接待方案
2014/02/27 职场文书
创先争优演讲稿
2014/09/15 职场文书
综合素质自我评价评语
2015/03/06 职场文书
公务员处分决定书
2015/06/25 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书