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的Django框架使用
Feb 18 Python
pandas中Timestamp类用法详解
Dec 11 Python
解决Python requests库编码 socks5代理的问题
May 07 Python
选择python进行数据分析的理由和优势
Jun 25 Python
解决django服务器重启端口被占用的问题
Jul 26 Python
python文档字符串(函数使用说明)使用详解
Jul 30 Python
python使用if语句实现一个猜拳游戏详解
Aug 27 Python
python实现ssh及sftp功能(实例代码)
Mar 16 Python
在pycharm中debug 实时查看数据操作(交互式)
Jun 09 Python
Python通过Schema实现数据验证方式
Nov 12 Python
微信小程序调用python模型
Apr 21 Python
Python 统计序列中元素的出现频度
Apr 26 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读取目录下所有文件的代码
2008/01/07 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
php生成与读取excel文件
2016/10/14 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
Yii2中datetime类的使用
2016/12/17 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
PHP设计模式之工厂模式实例总结
2017/09/01 PHP
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
javascript数据类型详解
2017/02/07 Javascript
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
教师节感恩老师演讲稿
2014/08/28 职场文书
学习保证书100字
2015/02/26 职场文书
医生个人年度总结
2015/02/28 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
母亲节感言
2015/08/03 职场文书
Golang数据类型和相互转换
2022/04/12 Golang
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android