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 12 Python
python函数局部变量用法实例分析
Aug 04 Python
快速入手Python字符编码
Aug 03 Python
python3实现ftp服务功能(服务端 For Linux)
Mar 24 Python
详解Python nose单元测试框架的安装与使用
Dec 20 Python
使用apidocJs快速生成在线文档的实例讲解
Feb 07 Python
华为校园招聘上机笔试题 扑克牌大小(python)
Apr 22 Python
python使用writerows写csv文件产生多余空行的处理方法
Aug 01 Python
python实现将字符串中的数字提取出来然后求和
Apr 02 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
Jun 28 Python
Python3以GitHub为例来实现模拟登录和爬取的实例讲解
Jul 30 Python
Python 实现集合Set的示例
Dec 21 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实现更新中间关联表数据的两种方法
2014/09/01 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
通过JavaScript使Div居中并随网页大小改变而改变
2013/06/24 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
JS实现多选框的操作
2020/06/24 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
python实现的各种排序算法代码
2013/03/04 Python
python3.3实现乘法表示例
2014/02/07 Python
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python+request+unittest实现接口测试框架集成实例
2018/03/16 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
Django框架表单操作实例分析
2019/11/04 Python
Python通过递归获取目录下指定文件代码实例
2019/11/07 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
python线程池 ThreadPoolExecutor 的用法示例
2020/10/10 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
打架检讨书500字
2014/01/29 职场文书
联谊会开场白
2015/06/01 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书