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类继承用法实例分析
Oct 10 Python
python单例模式实例分析
Apr 08 Python
改进Django中的表单的简单方法
Jul 17 Python
python Django批量导入数据
Mar 25 Python
分析运行中的 Python 进程详细解析
Jun 22 Python
python使用mitmproxy抓取浏览器请求的方法
Jul 02 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
Sep 16 Python
python中的itertools的使用详解
Jan 13 Python
python匿名函数lambda原理及实例解析
Feb 07 Python
python实现黄金分割法的示例代码
Apr 28 Python
pytorch model.cuda()花费时间很长的解决
Jun 01 Python
golang特有程序结构入门教程
Jun 02 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版(4)
2006/10/09 PHP
PHP中的正规表达式(二)
2006/10/09 PHP
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
Python科学计算之Pandas详解
2017/01/15 Python
python difflib模块示例讲解
2017/09/13 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
pyCharm 实现关闭代码检查
2020/06/09 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
表单button的outline在firefox浏览器下的问题
2012/12/24 HTML / CSS
美国体育用品商店:Paragon Sports
2017/10/08 全球购物
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
个性婚礼策划方案
2014/05/17 职场文书
男性健康日的活动方案
2014/08/18 职场文书
学雷锋的心得体会
2014/09/04 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
利用Python判断你的密码难度等级
2021/06/02 Python
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python