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通过正则表达式选取callback的方法
Jul 18 Python
Python二叉搜索树与双向链表转换实现方法
Apr 29 Python
Python排序搜索基本算法之选择排序实例分析
Dec 09 Python
java判断三位数的实例讲解
Jun 10 Python
PyQt5笔记之弹出窗口大全
Jun 20 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
Jun 26 Python
简单分析python的类变量、实例变量
Aug 23 Python
python做接口测试的必要性
Nov 20 Python
如何基于python测量代码运行时间
Dec 25 Python
TensorFlow加载模型时出错的解决方式
Feb 06 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
Apr 07 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
Feb 20 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下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
菜鸟javascript基础整理1
2010/12/06 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
7个JS基础知识总结
2014/03/05 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
python实现隐马尔科夫模型HMM
2018/03/25 Python
windows下python安装pip图文教程
2018/05/25 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
法国珠宝店:CLEOR
2017/01/29 全球购物
商铺租赁意向书
2014/04/01 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
python之json文件转xml文件案例讲解
2021/08/07 Python
「回转企鹅罐」10周年纪念展「輪るピングドラム展」海报公开
2022/03/22 日漫
在Python 中将类对象序列化为JSON
2022/04/06 Python