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中转换角度为弧度的radians()方法
May 18 Python
详解python3中socket套接字的编码问题解决
Jul 01 Python
python3+PyQt5泛型委托详解
Apr 24 Python
Pandas 数据处理,数据清洗详解
Jul 10 Python
python生成1行四列全2矩阵的方法
Aug 04 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
Nov 08 Python
git查看、创建、删除、本地、远程分支方法详解
Feb 18 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
Apr 25 Python
Keras之fit_generator与train_on_batch用法
Jun 17 Python
python爬虫要用到的库总结
Jul 28 Python
tensorflow中的梯度求解及梯度裁剪操作
May 26 Python
Python使用Web框架Flask开发项目
Jun 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
PHP5中虚函数的实现方法分享
2011/04/20 PHP
PHP错误处理函数
2016/04/03 PHP
Laravel框架实现定时Task Scheduling例子
2019/10/22 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
2014/02/04 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
原生JS实现网络彩票投注效果
2016/09/25 Javascript
微信小程序 wxapp内容组件 progress详细介绍
2016/10/31 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
python计算列表内各元素的个数实例
2018/06/29 Python
Python+OpenCV图片局部区域像素值处理改进版详解
2019/01/23 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
美国最大的珠宝首饰网上商城:Jewelry.com
2016/07/22 全球购物
春秋航空官方网站:Spring Airlines
2017/09/27 全球购物
编码实现字符串转整型的函数
2012/06/02 面试题
什么是组件架构
2016/05/15 面试题
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
毕业生就业意向书
2014/04/01 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
解除施工合同协议书
2014/10/17 职场文书
感恩节寄语2015
2015/03/24 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
python基础之while循环语句的使用
2021/04/20 Python
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android