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分割TXT文件成4K的TXT文件
May 23 Python
python中对list去重的多种方法
Sep 18 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
Mar 31 Python
用Python实现通过哈希算法检测图片重复的教程
Apr 02 Python
python开发之IDEL(Python GUI)的使用方法图文详解
Nov 12 Python
python使用正则表达式匹配字符串开头并打印示例
Jan 11 Python
实现Python与STM32通信方式
Dec 18 Python
python-docx文件定位读取过程(尝试替换)
Feb 13 Python
Django用数据库表反向生成models类知识点详解
Mar 25 Python
Python错误的处理方法
Jun 23 Python
python 中的9个实用技巧,助你提高开发效率
Aug 30 Python
Pandas中DataFrame交换列顺序的方法实现
Dec 14 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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
php接口数据加密、解密、验证签名
2015/03/12 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
PHP实现图片的等比缩放和Logo水印功能示例
2017/05/04 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
通过实例解析jQ Ajax操作相关原理
2020/09/23 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python重新引入被覆盖的自带function
2014/07/16 Python
Python实现命令行通讯录实例教程
2016/08/18 Python
python配置grpc环境
2019/01/01 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
基于python框架Scrapy爬取自己的博客内容过程详解
2019/08/05 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
求职者简历中的自我评价
2013/10/20 职场文书
兽医医药专业求职信
2014/07/27 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
Golang并发操作中常见的读写锁详析
2021/08/30 Golang
Golang连接并操作MySQL
2022/04/14 MySQL