表单，在HTML中的标签为<form></form>，在网页中主要负责数据采集功能。我们在浏览网站时，常常会碰到注册账号、账号登录等，这就是表单的典型应用。

　　在Django学习（2）数据宝库中，我们学习了Django与MySQL数据库的连接；在Django学习（3）模板定制中，我们学习了利用Django的模板将HTML设计与Python代码分离开来。这次，我们将要学习如何利用表单在网页上直接操作MySQL数据库。

　　我们延续Django学习（2）数据宝库的Book项目，首先新建项目Book,并在Book项目中新建应用books：

cd /home/vagrant/django_project/
django-admin.py startproject Book

cd ./Book

django-admin.py startapp books

　　在settings.py中添加app，并设置数据库连接为MySQL以及模板的查找路径：

　　在books的models.py中定义模型，代码如下：

1 from django.db import models

2

3 class MYBOOK(models.Model):

4     name = models.CharField(max_length=200)

5     price = models.FloatField()

6

7     def __str__(self):

8     　　 return self.name+':'+str(self.price)

并在MySQL中新建数据库Book，然后将Django中的模型与MySQL中的Book数据库连接：

python3 manage.py makemigrations

python3 manage.py migrate

　　这时会在MySQL中生成books_mybook表格。为了在网页中利用表单操作books_mybook表格，我们写了两个HTML模板，一个是数据插入和查询模板：index.html,一个是查询结果模板：search_res.html。其中index.html模板如下：

 <!DOCTYPE html>

 <html>

     <body>

     <p>**********************************************</p>

     <p>Input name and price of a book:</p>

     <form action="/insert/" method="get">

             name: <input type="text" name="name"> <br>

             price: <input type="text" name="price"> <br>

             <input type="submit" value="提交到MySQL">

     </form>

         <p>

         {% if name  and price%}

              <script>alert("Insert into MySQL already!Please check MySQL")</script>

         {% endif %}

         </p>

     <p>**********************************************</p>

     <p>Query the price of a book:</p>

     <form action="/query/" method="get">

             Book name: <input type="text" name="book"> <br>

             <input type="submit" value="查询价格">

     </form>

     <p>**********************************************</p>

     </body>

 </html>

　　search_res.html模板如下：

 <p>You searched for: <strong>{{ query }}</strong></p>

 {% if books %}

     <p>Found {{ books|length }} book{{ books|pluralize }}.</p>

     <ul>

         {% for book in books %}

         <li>Book: <strong>{{ book.name }}</strong>,   Price: <strong>{{book.price}}</strong></li>

         <br>

         {% endfor %}

     </ul>

 {% else %}

     <p>No books matched your search criteria.</p>

 {% endif %}

　　有了以上两个模板，我们就有了网页展示的模板。接下来，我们需要创建视图，views.py代码如下：

 from django.http import HttpResponse

 from django.shortcuts import render_to_response

 from books.models import MYBOOK

 def index(request):

     return render_to_response('index.html')

 def insert(request):

     NAME = request.GET['name']

     PRICE = float(request.GET['price'])

     MYBOOK.objects.create(name=NAME, price=PRICE)

     return render_to_response('index.html', {'name':NAME, 'price': PRICE})

 def query(request):

     query = request.GET['book']

     books = MYBOOK.objects.filter(name__icontains = query)

     return render_to_response('search_res.html', {'query':query, 'books': books}

在上述视图中，index()加载原始的index.html网页，insert()则插入书籍的名称和价格信息，提交后会弹出对话框，显示“Insert into MySQL already!Please check MySQL”，query()则显示查询结果，该查询为正则查询，返回所有包含‘book’参数的书籍的名称和价格，暂时不考虑书籍名称不存在的情形。

　　最后，我们只需要设置好url.py文件，并启动server服务器即可。其中urls.py代码如下：

 from django.conf.urls import include, url

 from django.contrib import admin

 urlpatterns = [

     url(r'^admin/', include(admin.site.urls)),

     url(r'^form', 'books.views.index'),

     url(r'^insert', 'books.views.insert'),

     url(r'^query', 'books.views.query'),

 ]

　　启动服务器python3 manage.py runserver 8000,在浏览器中输入localhost:8000/form，网页显示如下：

　　首先，我们先插入第一本书的信息，如下网页：

弹出的消息框如下：

这样我们就完成了第一本书的插入。按照此步骤，我们再插入9本书，它们分别为：[('Learning Pyspark',35), ('Dive into Scala', 36), ('Think in Java', 46), ('An introduction to Python',35),('Learning Pandas',24), ('Learn Python in 7 Days',28),('Python GUI Programming Cookbook',38),('Python Data Structures and Algorithms',45),('Python Machine Learning By Example',50)].在MySQL中查看，表格如下：

这样就插入了十条记录。然后我们在刚才的网页进行查询，页面如下：

点击查询价格按钮，显示的页面如下：

搜索效果还是可以的嘛~~

　　这样我们就利用表单（form）完成了在网页层面对数据库的操作，所以说，表单，让数据库更美好~~

　   当然，这只是一个简单的利用表单的例子，还有很多未实现的功能，如表单验证，查询错误处理等，相信机智如你，在读者这篇文章后，一定能够自己实现的~~

参考文献：

  1. 自强学堂 Django 表单： https://code.ziqiangxuetang.com/django/django-forms.html
  2. Django_中文教程.pdf：http://download.csdn.net/download/huangzhichang13/8177581

Django学习（4）表单，让数据库更美好的更多相关文章

  1. Django使用普通表单、Form、以及modelForm操作数据库方式总结

    Django使用普通表单.Form.以及modelForm操作数据库主要应用于增删该查的情景下,流程通用如下,只是实现方式不一样: 进入填写表单页面: 在表单页面填写信息,并提交: 表单数据验证 验证 ...

  2. 第二十二章 Django会话与表单验证

    第二十二章 Django会话与表单验证 第一课 模板回顾 1.基本操作 def func(req): return render(req,'index.html',{'val':[1,2,3...]} ...

  3. 转载：Django之form表单

    转载: 一.使用form类创建一个表单 先定义好一个RegForm类: forms.py from django import forms # 导入forms类 class NameForm(form ...

  4. Django的form表单

    html的form表单 django中,前端如果要提交一些数据到views里面去,需要用到 html里面的form表单. 例如: # form2/urls.py from django.contrib ...

  5. Django 11 form表单（状态保持session、form表单及注册实现）

    Django 11 form表单(状态保持session.form表单及注册实现) 一.状态保持 session 状态保持 #1.http协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状 ...

  6. Django--分页器（paginator）、Django的用户认证、Django的FORM表单

    分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...

  7. Django中的表单

    目录 表单 Django中的表单 用表单验证数据 自定义验证 表单 HTML中的表单是用来提交数据给服务器的,不管后台服务器用的是 Django  还是 PHP还是JSP还是其他语言.只要把 inpu ...

  8. Django：提交表单时遇到403错误：CSRF verification failed

    Django:提交表单时遇到403错误:CSRF verification failed 问题: 提交表单时遇到403错误:CSRF verification failed 解决方案: 在表单界面ht ...

  9. 第一百六十节，封装库--JavaScript，ajax注册表单到数据库

    封装库--JavaScript,ajax注册表单到数据库 效果图 前台js var biaodan = $().xu_lie_biao_dan($('form').sh_jd()); //序列化获取表 ...

随机推荐

  1. 状态压缩 - LeetCode #464 Can I Win

    动态规划是一种top-down求解模式,关键在于分解和求解子问题,然后根据子问题的解不断向上递推,得出最终解 因此dp涉及到保存每个计算过的子问题的解,这样当遇到同样的子问题时就不用继续向下求解而直接 ...

  2. Python 面向对象(四) 反射及其魔术方法

    反射 reflection 也有人称之为自省 作用: 运行时获取.添加对象的类型定义信息,包括类 内建方法: getattr(object, name[, default])   返回object对象 ...

  3. DP 网易内推：合唱团

    链接:https://www.nowcoder.com/questionTerminal/661c49118ca241909add3a11c96408c8来源:牛客网 [编程题]合唱团 热度指数:18 ...

  4. 布局神器display:flex

    2009年,W3C提出了一种新的方案--Flex布局,可以简便.完整.响应式地实现各种页面布局.目前已得到所有现在浏览器的支持.   flex浏览器支持 一.Flex布局是什么? Flex是Flexi ...

  5. Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（上篇——纯前端多页面）

    Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇--纯前端多页面) @(HTML/JS) 一般来说,使用vue做成单页应用比较好,但特殊情况下,需要使用多页面也有另外 ...

  6. Spring Cloud Ribbon 整合 Hystrix

    在前面随笔 Spring Cloud 之 Ribbon 的ribbon工程基础上进行改造 1.pom.xml 加入依赖 <dependency> <groupId>org.sp ...

  7. Codeforces 890C - Petya and Catacombs 模拟

    C. Petya and Catacombstime limit per test1 secondmemory limit per test256 megabytesinputstandard inp ...

  8. liunx

    一键安装地址:https://lnmp.org/install.html

  9. THinkPHP简单漂亮的分页类 DownLoad

    PHP include_once("config.php"); require_once('page.class.php'); //分页类 $showrow = 10; //一页显 ...

  10. Windows下Tomcat调优

    windows tomcat 优化 1.  tomcat conf server.xml 在server.xml中修改以一部分,增加节点数目,可以很好的提高性能: <Connector port ...