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 相关文章推荐
在Python3中初学者应会的一些基本的提升效率的小技巧
Mar 31 Python
python操作字典类型的常用方法(推荐)
May 16 Python
python利用高阶函数实现剪枝函数
Mar 20 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
Apr 28 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
May 30 Python
django 实现编写控制登录和访问权限控制的中间件方法
Jan 15 Python
使用Python批量修改文件名的代码实例
Jan 24 Python
使用keras和tensorflow保存为可部署的pb格式
May 25 Python
浅谈keras中的keras.utils.to_categorical用法
Jul 02 Python
如何使用Django Admin管理后台导入CSV
Nov 06 Python
python中把元组转换为namedtuple方法
Dec 09 Python
在Python中如何使用yield
Jun 07 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 escape URL编码
2008/12/10 PHP
解析php中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
使用Laravel中的查询构造器实现增删改查功能
2019/09/03 PHP
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
django API 中接口的互相调用实例
2020/04/01 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
网站开发实习生的自我评价
2013/12/11 职场文书
二年级体育教学反思
2014/01/15 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
药品业务员岗位职责
2014/04/17 职场文书
大学开学计划书
2014/04/30 职场文书
大学专科求职信
2014/07/02 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
Python数据结构之队列详解
2022/03/21 Python