一、首先按添加网页的步骤添加网页，我的网页名为table.html, app名为web

table.html放到相应目录下，

froms文件提前写好

修改views.py

1
2
3
4
5
6
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

1
2
3
4
5
6
7
8
9
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的
]

至此可以访问

https://127.0.0.1:8000/web/table/（http//127.0.0.1:8000/app/index）

正常显示网页内容。

二、读取mysql内容并显示：

在models.py中创建数据库 Employee，并设置name列（默认会有id列，为主键）

1
2
3
4
5
6
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设置的数据库，进入其中，

看到如下表：

最后一个web_employee为我们刚创建的表（web是我的app名字，前缀是自动加的）

使用insert语句插入相应数据，显示如下：

ok数据已经添加完毕，接下来是在网页端显示，网页通过前面的配置已经可以正常显示，现在加入显示数据库信息

首先修改views.py

1
2
3
4
5
6
7
8
9
10
11
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中

1
2
3
4
5
6
7
8
9
10
11
12
13
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Upload Successfully</title>
    </head>
    <body>
        <p>学生名单</p>
        {% for name in names %}
        <p>{{name.id}}&nbsp&nbsp&nbsp:&nbsp&nbsp&nbsp{{name.name}}</p>
        <br>
        {% endfor %}
    </body>
</html>

用循环读取names里面的信息，name.id与name.name 是我们表中的两列，如上面的图。

最终结果如下

Django读取Mysql数据并显示在前端的更多相关文章

  1. php分页例子实现读取mysql数据分页显示

    以下代码是PHP分页案例,测试通过,主要是PHP+mysql实现分页,代码来处百度空间,有兴趣看的话可以了解一下PHP是如何分页的? <?php $link = mysql_connect(&q ...

  2. Spark使用Java读取mysql数据和保存数据到mysql

    原文引自:http://blog.csdn.net/fengzhimohan/article/details/78471952 项目应用需要利用Spark读取mysql数据进行数据分析,然后将分析结果 ...

  3. Javascript实例技巧精选(6)—滚动鼠标中键读取Json数据分页显示网页内容

    >>点击这里下载完整html源码<< 截图如下: 滚动鼠标中键读取Json数据分页显示网页内容,关键的Javascript如下: <script type="t ...

  4. 关于C#读取MySql数据时，返回DataTable中某字段数据是System.Array[]形式

    我在使用C#(VS2008)读取MySql数据库(5.1版本)时,返回的DataTable数据中arrivalDate字段数据显示为System.Array[]形式(程序中没有对返回的数据进行任何加工 ...

  5. Spark:读取mysql数据作为DataFrame

    在日常工作中,有时候需要读取mysql的数据作为DataFrame数据源进行后期的Spark处理,Spark自带了一些方法供我们使用,读取mysql我们可以直接使用表的结构信息,而不需要自己再去定义每 ...

  6. 用ajax获取后端数据，显示在前端，实现了基本计算器功能

    下午在看视频的时候,遇到一个问题:如何把后端 print_r或echo的数据显示在前端.百度了一下,说是用ajax,想着前一阵子学习了ajax,并且最近也想做一个计算器,于是就自己钻起来了. 计算器的 ...

  7. django 的mysql数据配置

    原地址:http://blog.csdn.net/gamesofsailing/article/details/21465327 在成功安装python-mysql后,开始配置django的mysql ...

  8. C#SerialPort如何读取串口数据并显示在TextBox上

    SerialPort中串口数据的读取与写入有较大的不同.由于串口不知道数据何时到达,因此有两种方法可以实现串口数据的读取.一.线程实时读串口:二.事件触发方式实现. 由于线程实时读串口的效率不是十分高 ...

  9. R读取MySQL数据出现乱码，解决该问题的方法总结

    最终的解决办法直接看 4 我的思路: 我用的都是utf-8编码,电脑系统win7, MySQL-Front进行数据库的可视化. 1.我用的是RStudio,先去设置R的默认编码: Tools→Glob ...

随机推荐

  1. python: 序列化/反序列化及对象的深拷贝/浅拷贝

    一.序列化/反序列化 python中内置了很多序列化/反序列化的方式,最常用的有json.pickle.marshal这三种,示例用法如下: import json import pickle imp ...

  2. Windows下USB磁盘开发系列一：枚举系统中U盘的盘符

    个时候我们需要区分系统磁盘中,哪些是U盘,这样我们在访问的时候可以区别对待.具体方法如下: 1,调用GetLogicalDrives()返回系统盘符标记位 API GetLogicalDrives() ...

  3. js实现的map方法

    /** * * 描述:js实现的map方法 * @returns {Map} */ function Map(){ var struct = function(key, value) { this.k ...

  4. 架构设计：系统存储（24）——数据一致性与Paxos算法（中）

    (接上文<架构设计:系统存储(23)--数据一致性与Paxos算法(上)>) 2-1-1. Prapare准备阶段 首先须要介绍几个在Acceptor角色上须要被持久化保存的数据属性: P ...

  5. Linux中使用Vim快速更换文档中Windows换行符为Linux平台

    一.简述 平时我们把Windows编写好的sh文件放在linux上跑时,经常出现换行符的问题.快速切换的解决方法如下: 二.解决 vim test.sh :set ff? 如果出现fileforma＝ ...

  6. Spark机器学习(3)：保序回归算法

    保序回归即给定了一个无序的数字序列,通过修改其中元素的值,得到一个非递减的数字序列,要求是使得误差(预测值和实际值差的平方)最小.比如在动物身上实验某种药物,使用了不同的剂量,按理说剂量越大,有效的比 ...

  7. Spring MVC实现上传文件报错解决方案

    报错代码: org.springframework.beans.BeanInstantiationException: Could not instantiate bean class [org.sp ...

  8. 疯狂Java学习笔记（75）-----------NIO.2第一篇

    Java 7引入了NIO.2.NIO.2是继承自NIO框架,并添加了新的功能(比如:处理软链接和硬链接的功能).这篇帖子包含三个部分,我将使用NIO.2的一些演示样例.由此向大家演示NIO.2的基本用 ...

  9. SSL介绍（Secure socket Layer & Security Socket Layer）

    一个应用程序的安全需求在很大程度上依赖于将如何使用该应用程序和该应用程序将要保护什么.不过,用现有技术实现强大的. 一般用途的安全通常是可能的.认证就是一个很好的示例. 当顾客想从 Web 站点购买某 ...

  10. OpenCV 学习笔记 04 深度估计与分割——GrabCut算法与分水岭算法

    1 使用普通摄像头进行深度估计 1.1 深度估计原理 这里会用到几何学中的极几何(Epipolar Geometry),它属于立体视觉(stereo vision)几何学,立体视觉是计算机视觉的一个分 ...