Python Django基础教程（五）（表单）

不念不忘少年蓝@ 2022-06-17 13:24 264阅读 0赞

本人新书《玩转Python网络爬虫》，可在天猫、京东等商城搜索查阅或通过右侧图书链接购买，项目深入浅出，适合爬虫初学者或者是已经有一些网络爬虫编写经验，但希望更加全面、深入理解Python爬虫的开发人员。

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

Django版本：1.11  
操作系统：Windows  
Python：3.5  
欢迎加入学习交流QQ群：657341423

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

**Django表单**  
表单的意思就是通常我们在网页上看到用户注册，用户登录这类型界面，基本上都输入信息，然后点击确定。这样就能输入的信息提交到服务器了，然后服务器通过网页形式返回结果。这就是表单。

**实现表单功能有两种方式：**  
第一种就是直接在html文件上写表单，如果一个表单要显示内容，就只能通过参数形式展示出来。  
第二种就是用django的表单类。  
两者优劣：  
第二种比第一种更有优势，在检验数据格式，数据类型设定方面更有优势。  
第一种比第二种更容易掌握。容易上手，但代码比较冗余，不便于管理。

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

项目目录：  
![这里写图片描述][SouthEast]

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

**第一种：html文件上写表单**  
在polls目录下的urls.py文件下设置新的url  
![这里写图片描述][SouthEast 1]

在polls目录下的新建文件Search.html，输入代码：  
![这里写图片描述][SouthEast 2]  
这里解释一下：

`action="/polls/postsearch/"`：post之后跳转到的url，django通过这个url去查找urls.py里面对于的view。  
如果`action=""`代表post（get）之后跳转到的url为原来的url。  
`method="post"`：这个是http的方法。大部分都是post和get  
`type="submit"`：通过这个方法触发表单提交的。

这里的`action="/polls/postsearch/"`和`action=""` 都是指向views.py里面的Search，因为我的urls.py是这样设置的。

**注意：**  
上图只是通过用户输入信息，后台获取。但反过来的呢？如果后台将数据显示给用户看。  
![这里写图片描述][SouthEast 3]  
只需要加入`value="{ { textvalue }}"`即可

在polls目录下的views.py文件，Search代码如下：  
![这里写图片描述][SouthEast 4]  
![这里写图片描述][SouthEast 5]  
解释一下：  
`@csrf_exempt`是对于中间件的屏蔽。如果没有这个，可以在setting.py注释`'django.middleware.csrf.CsrfViewMiddleware',`  
如果不做这个的话，Post方式是禁止的。出现403的错误。这个涉及到系统安全性问题，这个后续会讲到。

这段代码分别对post和get做了相应的处理。post的处理就比较简单。看看get的。  
通过获取表单里面name=’g’的值（非空），然后再去数据库搜查是否符合这个条件的数据，然后返回相应的网页。（这里可以做个判断，判断这个数据是否空，然后执行不同的网页显示。）  
如果表单的name=’g’的值为空，返回原来的网页，并有红色文字提示。

这里涉及到results.html，先看看其代码：  
![这里写图片描述][SouthEast 6]

运行结果：  
![这里写图片描述][SouthEast 7]

post结果：  
![这里写图片描述][SouthEast 8]  
![这里写图片描述][SouthEast 9]  
post的url变了。

get结果：  
![这里写图片描述][SouthEast 10]  
数据库数据  
![这里写图片描述][SouthEast 11]  
结果：  
![这里写图片描述][SouthEast 12]  
![这里写图片描述][SouthEast 13]  
url是没有变的，只是多了参数。这是正常的。再对比数据库数据是正常的。这里有个疑问，能不能返回其他数据，例如返回city这个字段，这个就只能设置models.py里面的`def __str__` 的返回值了。具体可以参考[Python Django基础教程（三）][Python Django]

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

**第二种：django的表单类**  
这里，新建一个webform.html文件和form.py文件。  
目录如下：  
![这里写图片描述][SouthEast 14]

设置urls.py文件，这里新增一个url路径  
![这里写图片描述][SouthEast 15]

新增了url，肯定要在views.py新增一个对于的方法的。  
![这里写图片描述][SouthEast 16]  
![这里写图片描述][SouthEast 17]

再看form.py  
![这里写图片描述][SouthEast 18]  
form.py的写法和models.py写法大同小异的。这里定义Field等于网页里面的控件。

再看webform.html，因为长度有限，直接看主要内容。  
![这里写图片描述][SouthEast 19]

直接看结果再分析：  
输入[http://127.0.0.1:8000/polls/webform/][http_127.0.0.1_8000_polls_webform]查看  
![这里写图片描述][SouthEast 20]  
1.发现输入网址查看是get方法。既views.py里面这段代码  
![这里写图片描述][SouthEast 21]  
这里用法和后台传数据到前端的用法一样的。都是用参数形式传递。

2.输入数据，点击确定  
![这里写图片描述][SouthEast 22]  
![这里写图片描述][SouthEast 23]  
这是用到post方法  
![这里写图片描述][SouthEast 24]  
查看数据库是否插入数据  
![这里写图片描述][SouthEast 25]  
插入成功。

**django表单原理：其实就是将html里面表单控件内容抽取出来，在django的form类中实现。然后以参数形式传递到html显示出来。**

扩展：  
上述是将一个表单以table形式表现出来，但是某些情况下，我需要将各个控件根据自己喜好排放，这时候可以这样做：  
![这里写图片描述][SouthEast 26]  
这样可以将每个控件用div形式分开，就可以根据排版摆放了。  
![这里写图片描述][SouthEast 27]

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

**django.forms.ModelForm**  
首先看到Form的写法，其实和models.py写法是很相似的。这里有个想法就是，models和Form能否合在一起使用。  
例子：  
先看html  
![这里写图片描述][SouthEast 28]  
这里只是改了一下form.name，因为之前的form.Pname的Pname是来自form的命名。

看一下Form.py  
![这里写图片描述][SouthEast 29]  
model=Publisher将models.py赋予给model。fields是显示数据。

看views.py  
![这里写图片描述][SouthEast 30]  
可以对数据进行修改，新增基本操作。

**优点：**  
使用ModelForm可以减小Form代码编写，直接使用models.py的即可。  
在数据上的新增和修改缩小代码的编写，对比使用ModelForm和Form对应的views.py就知道代码缩减了很多。

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

[项目代码下载][Link 1]

Django基础教程总结：  
首先用户在浏览器输入url，django会在urls.py根据url找到对应的views.py里面的方法，通过这个方法返回那个html文件给用户浏览。用户在浏览器输入url相当于一次get的访问。  
如果用form表单功能，views的方法会处理form表单生成表格，然后当参数形式传递到html。  
总的来说：views.py相当于一个控制中心，通过用户输入进行处理和分发任务。

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

Python Django基础教程到这里就全部讲述完毕了，接下来是中高级的教程。

[SouthEast]: /images/20220617/dd829c7b946e4eb68a44a2b470b5ec9a.png
[SouthEast 1]: /images/20220617/3c8b0b167cc14b4b9f6919f5dffde03c.png
[SouthEast 2]: /images/20220617/e7edc0aa298e44bcbc4ff24bd493a3c8.png
[SouthEast 3]: /images/20220617/b3b6a33c25814a9a94f0c26b3b88ef12.png
[SouthEast 4]: /images/20220617/b8af94d38e634af385b23a7daebbb791.png
[SouthEast 5]: /images/20220617/a6b5aadaaaa842e99efdb991d59aa280.png
[SouthEast 6]: /images/20220617/b2233c3a58c3483e859ce90e363ceeb7.png
[SouthEast 7]: /images/20220617/ac83b90a87d34951a0bc7edc8ad5197d.png
[SouthEast 8]: /images/20220617/c92e75ff4c6c473dabdedbe8ef5f9e87.png
[SouthEast 9]: /images/20220617/0f49edae69cb4648ac1095ca9b3ecaf3.png
[SouthEast 10]: /images/20220617/7fcdb656bedc41efa026ba660a1cca73.png
[SouthEast 11]: /images/20220617/7e996ea39a224f4cb781f97039d0e7a3.png
[SouthEast 12]: /images/20220617/4869c077216b42e7bdb3d3a012ac781c.png
[SouthEast 13]: /images/20220617/1e317a921bd54b4db817ff5149bf0563.png
[Python Django]: http://blog.csdn.net/huangzhang_123/article/details/70311926
[SouthEast 14]: /images/20220617/a9515d5495de4b0c82132530467eedbe.png
[SouthEast 15]: /images/20220617/45663f12844a434d90918c6ca9a8d109.png
[SouthEast 16]: /images/20220617/afc91fad30e448d48add665ab9b23a60.png
[SouthEast 17]: /images/20220617/3ee5c6af5b92491f9db915fe66c51baf.png
[SouthEast 18]: /images/20220617/936eb91e5fe8474eb73d770edc7c70e7.png
[SouthEast 19]: /images/20220617/d10269e7544848d3aaa4e1d28a6ee31e.png
[http_127.0.0.1_8000_polls_webform]: http://127.0.0.1:8000/polls/webform/
[SouthEast 20]: /images/20220617/0b2c6222332e42619b45b419f4fadb64.png
[SouthEast 21]: /images/20220617/d2d7ef7d2310469991b87fd0a81acc96.png
[SouthEast 22]: /images/20220617/7f1b86e56f954f0f999e046455590f34.png
[SouthEast 23]: /images/20220617/4d5d0d0c5de345bc9f7feaa1aad0cb3f.png
[SouthEast 24]: /images/20220617/19123e8e2a95426c98dc1047c8c5f046.png
[SouthEast 25]: /images/20220617/3c10582ef8a540598042d374959ba236.png
[SouthEast 26]: /images/20220617/be79f26536984282b04c03d23d25022a.png
[SouthEast 27]: /images/20220617/d73ba43c99a44e9c99af3dc964fc45c7.png
[SouthEast 28]: /images/20220617/32ee41f3a05f4253a62e3b7d55c43eb8.png
[SouthEast 29]: /images/20220617/ec7fdc6a07704f30a01c17c6963a44d4.png
[SouthEast 30]: /images/20220617/7d3872ff93cf48d882f77f069fa0a7d2.png
[Link 1]: http://download.csdn.net/detail/huangzhang_123/9827749