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 如何快速找出两个电子表中数据的差异
May 26 Python
浅析Python3爬虫登录模拟
Feb 07 Python
python构建深度神经网络(DNN)
Mar 10 Python
Python中实现变量赋值传递时的引用和拷贝方法
Apr 29 Python
python训练数据时打乱训练数据与标签的两种方法小结
Nov 08 Python
Python 使用多属性来进行排序
Sep 01 Python
python程序文件扩展名知识点详解
Feb 27 Python
django xadmin中form_layout添加字段显示方式
Mar 30 Python
解决jupyter notebook显示不全出现框框或者乱码问题
Apr 09 Python
PyTorch如何搭建一个简单的网络
Aug 24 Python
pyqt5实现井字棋的示例代码
Dec 07 Python
Python实现一个论文下载器的过程
Jan 18 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重新实现PHP脚本引擎内置函数
2007/03/06 PHP
php静态文件生成类实例分析
2015/01/03 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
layer.js之回调销毁对话框的例子
2019/09/11 Javascript
python查询sqlite数据表的方法
2015/05/08 Python
python机器学习之神经网络(二)
2017/12/20 Python
python主线程捕获子线程的方法
2018/06/17 Python
Python 删除整个文本中的空格,并实现按行显示
2018/07/24 Python
用Python读取几十万行文本数据
2018/12/24 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python的几种主动结束程序方式
2019/11/22 Python
django有哪些好处和优点
2020/09/01 Python
详解Python yaml模块
2020/09/23 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
HEMA英国:荷兰原创设计
2018/08/28 全球购物
建筑工程专业学生的自我评价
2013/12/25 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
国防教育标语
2014/10/08 职场文书
公安局班子个人对照检查材料思想汇报
2014/10/09 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
七夕情人节问候语
2015/11/11 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
Apache自带的ab压力测试工具的实现
2022/07/23 Servers