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网络编程学习笔记(四):域名系统
Jun 09 Python
Python格式化压缩后的JS文件的方法
Mar 05 Python
浅析Python中else语句块的使用技巧
Jun 16 Python
Python 判断 有向图 是否有环的实例讲解
Feb 01 Python
Python反射的用法实例分析
Feb 11 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
Apr 17 Python
python实现寻找最长回文子序列的方法
Jun 02 Python
flask框架视图函数用法示例
Jul 19 Python
Python多线程应用于自动化测试操作示例
Dec 06 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
Jan 14 Python
VSCode配合pipenv搞定虚拟环境的实现方法
May 17 Python
PyCharm 配置SSH和SFTP连接远程服务器
May 11 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 字符串操作入门教程
2006/12/06 PHP
PHP通用检测函数集合
2011/02/08 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
谷歌地图打不开的解决办法
2014/08/07 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
2017/03/01 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
layui table单元格事件修改值的方法
2019/09/24 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
简单介绍Python中的RSS处理
2015/04/13 Python
python调用fortran模块
2016/04/08 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
Python编程实现正则删除命令功能
2017/08/30 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python如何实现内容写在图片上
2018/03/23 Python
django实现类似触发器的功能
2019/11/15 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
Staples加拿大官方网站:办公用品一站式采购
2016/09/25 全球购物
公司同意接收函
2014/01/13 职场文书
怎么写自荐书范文
2014/02/12 职场文书
五年级学生评语
2014/04/22 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
python基础之爬虫入门
2021/05/10 Python
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL
MySQL数据库完全卸载的方法
2022/03/03 MySQL