一、首先按添加网页的步骤添加网页，我的网页名为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. Hbase常用Shell命令

    status 查看系统状态 hbase(main):010:0> status 1 active master, 0 backup masters, 4 servers, 0 dead, 6.5 ...

  2. 什么是物理像素、虚拟像素、逻辑像素、设备像素，什么又是 PPI, DPI, DPR 和 DIP

    什么是物理像素.虚拟像素.逻辑像素.设备像素,什么又是 PPI, DPI, DPR 和 DIP?有关 viewport 以及苹果安卓设备上的页面呈现为什么效果不一样,又有哪些方法去改变和统一呢?网络上 ...

  3. Web App 和 Native App，哪个是趋势？

    一.Web App vs. Native App 比起手机App,网站有一些明显的优点. 跨平台:所有系统都能运行 免安装:打开浏览器,就能使用 快速部署:升级只需在服务器更新代码 超链接:可以与其他 ...

  4. C#模拟HTTP请求Post JSON

    前言 因为接口是http的,我们站点是https的,不能https直接ajax请求http,所以需要在SharePoint中开发一个模拟请求Ajax的Service,分享一下. var httpWeb ...

  5. MySQL架构与业务总结图

    MySQL架构与业务总结图如下:

  6. 如何诊断windows性能问题

    直接使用perfmon中的性能诊断工具

  7. python2判断编码格式

    def getCoding(strInput): ''' 获取编码格式 ''' if isinstance(strInput, unicode): return "unicode" ...

  8. C#串口SerialPort常用属性方法

    SerialPort(): //属性 .BaudRate;获取或设置波特率 .BytesToRead;得到 接收到数据的字节数 .BytesToWrites;得到送往串口的字节数 .DataBits; ...

  9. ASP.NET MVC 一款可预览、裁剪头像上传组件

    今天介绍一款Web上常用的头像上传组件,常用于头像上传时对用户上传的图片进行裁剪并实时预览,最终效果如下: 源代码结构: Github地址: https://github.com/FrankFan/A ...

  10. 苹果产品时间发布表统计（iPhone、iPad），以及32位和64位机的说明

    之前因为某些原因,需要对apple家族的手机和pad产品做一个上市时间排序,以及分析分别是哪种CPU机型 总结如下: iPad家族: 1.iPad   - 2010.1.27发布 2.iPad 2   ...