Django学习（四）表单，让数据库更强大

妖狐艹你老母 2022-06-03 04:54 169阅读 0赞

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

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

我们延续[Django学习（2）数据宝库][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以及模板的查找路径：  
![设置settings.py][settings.py]  
  在books的models.py中定义模型，代码如下：

from django.db import models
    
    class MYBOOK(models.Model):
        name = models.CharField(max_length=200)
        price = models.FloatField()
    
        def __str__(self):
        　　 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，网页显示如下：  
![网页表单][format_png]  
  首先，我们先插入第一本书的信息，如下网页：  
![插入数据][format_png 1]  
弹出的消息框如下：  
![消息框][format_png 2]  
  这样我们就完成了第一本书的插入。按照此步骤，我们再插入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中查看，表格如下：  
![MySQL中books\_mybook表格][MySQL_books_mybook]  
这样就插入了十条记录。然后我们在刚才的网页进行查询，页面如下：  
![查询][format_png 3]  
点击查询价格按钮，显示的页面如下：  
![查询结果][format_png 4]  
搜索效果还是可以的嘛~~  
  这样我们就利用表单（form）完成了在网页层面对数据库的操作，所以说，表单，让数据库更强大~  
  当然，这只是一个简单的利用表单的例子，还有很多未实现的功能，如表单验证，查询错误处理等，相信机智如你，在读者这篇文章后，一定能够自己实现的~

--------------------

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

[Django_2]: http://www.cnblogs.com/jclian91/p/8021772.html
[Django_3]: http://www.cnblogs.com/jclian91/p/8021832.html
[settings.py]: /images/20220603/49c7c57ce5a04785a75f83221ed14c62.png
[format_png]: /images/20220603/4f88740b57614bae88946f4aa3a22a05.png
[format_png 1]: /images/20220603/0a114dc623864b418e77f70998884679.png
[format_png 2]: /images/20220603/af74f62436084119b89c93b92b098ad7.png
[MySQL_books_mybook]: /images/20220603/9f4ad2aa643445cbb9c5601abe53e14b.png
[format_png 3]: /images/20220603/40570d3a48d04aa9b36ea652ce2a0d6c.png
[format_png 4]: /images/20220603/42bfc44d73904f55803af9cba0944f19.png