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 05 Python
Python使用sftp实现上传和下载功能(实例代码)
Mar 14 Python
Python 机器学习库 NumPy入门教程
Apr 19 Python
对python3 一组数值的归一化处理方法详解
Jul 11 Python
python 定义n个变量方法 (变量声明自动化)
Nov 10 Python
对Python中list的倒序索引和切片实例讲解
Nov 15 Python
python获取交互式ssh shell的方法
Feb 14 Python
Django REST framework 分页的实现代码
Jun 19 Python
python 多维高斯分布数据生成方式
Dec 09 Python
Python基于Twilio及腾讯云实现国际国内短信接口
Jun 18 Python
Python map及filter函数使用方法解析
Aug 06 Python
python-for x in range的用法(注意要点、细节)
May 10 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中的print_r 与 var_dump 输出数组
2016/06/13 PHP
php组合排序简单实现方法
2016/10/15 PHP
浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
2016/12/09 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
python实现扫雷游戏的示例
2020/10/20 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
初级软件工程师面试题 Junior Software Engineer Interview
2015/02/15 面试题
《在大海中永生》教学反思
2014/02/24 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
解析python中的jsonpath 提取器
2022/01/18 Python
bose降噪耳机音能消除人声吗
2022/04/19 数码科技