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 with用法实例
Apr 14 Python
Python简单格式化时间的方法【strftime函数】
Sep 18 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
Jun 23 Python
用 Python 连接 MySQL 的几种方式详解
Apr 04 Python
pandas使用get_dummies进行one-hot编码的方法
Jul 10 Python
python文件选择对话框的操作方法
Jun 27 Python
pytorch 实现cross entropy损失函数计算方式
Jan 02 Python
Python集合操作方法详解
Feb 09 Python
Python requests设置代理的方法步骤
Feb 23 Python
简单谈谈Python面向对象的相关知识
Jun 28 Python
Python pyecharts绘制条形图详解
Apr 02 Python
Python按顺序遍历并读取文件夹中文件
Apr 29 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/07/05 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
PHP测试框架PHPUnit组织测试操作示例
2018/05/28 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
Bootstrap插件全集
2016/07/18 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
Python的Flask框架中@app.route的用法教程
2015/03/31 Python
python Django批量导入不重复数据
2016/03/25 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
语文教学随笔感言
2014/02/18 职场文书
党员干部承诺书范文
2014/03/25 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
读书之星事迹材料
2014/05/12 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
证婚人婚礼致辞
2015/07/28 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python