Django基础三（form和template）

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

上一篇博文学习了Django的View和urls,接下来是对django form 和 template的学习。

1 django form

django form为我们提供了便捷的方式来创建一些HTML获取数据的元素标签。Django form内建widget请点这里

我们用django form来构建一个十分常见的用户注册的form表单,首先在myBlog文件目录下新建一个forms.py文件，并且添加如下内容：

from django import forms #导入formsclass RegisterForm(forms.Form): """用户注册时，用于获取用户基础信息的表单.""" SEX_CHIOCES=( (1,'男'), (2,'女'), ) username=forms.CharField (label='用户名',max_length=50) Email=forms.EmailField(label='邮箱地址',required=False)#required如果不指定则默认为Ture（该项）必须填写，required=False允许不填写 password=forms.CharField(label='密码',max_length=50,widget=forms.PasswordInput) password_check=forms.CharField(label='密码确认',max_length=50,widget=forms.PasswordInput) gender=forms.ChoiceField(label='性别',widget=forms.Select,choices=SEX_CHIOCES)

上面的代码，我们首先导入了django的forms，然后自定义了一个名为RegisterForm的表单类。这里需要强调的是和自定义视图类相似，自定义form表单必须要继承forms.Form这个类。

2. template模板

首先在myBlog文件目录下新建一个myBlogTemplate的文件目录。在myBlogTemplate下新建一个register.html的文件，添加下面的内容：

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>用户注册页面</title> </head> <body> <form class="" action="index.html" method="post"> {{ reg_form }} <button type="submit" name="sub_btn">确认注册</button> </form> </body> </html>

3 设置template模板路径

打开项目文件目录下的setting.py文件，找到TEMPLATES的list，在前面添加template模板路径变量，并且把模板路径添加到匹配路径中：

BLOG_TEMPLATE=os.path.join(BASE_DIR,'myBlog/BlogTemplate')#定义模板的路径 TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [BLOG_TEMPLATE],#把模板路径添加到匹配路径list中 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]

4 在views.py中使用自定义form和template

编辑myBlog文件目录下的view.py文件。首先引入我们刚才自定义的form表单：

from myBlog.forms import RegisterForm#导入我们在forms.py自定义的form表单

接着添加下面的代码，作用是定义一个名为RegisterView的视图类,并且定义了GET请求的处理方法：

class RegisterView(View): """用于处理用户注册相关的请求""" def get(self,request): template_name='register.html'#模板名称 form=RegisterForm()#获取一个RegisterForm的实例 return render(request,template_name,{'reg_form':form}) #返回请求的响应，并且渲染模板

还记得我们在新建的register.html文件中有一个占位符{{ reg_form }}么？

参数中的字典{'reg_form':form}意思是用form这个后台传回的实例取代模板中的占位符。

5 设置路由urls.py

编写完视图类，接下来就是配置路由了，编辑myBlog下的urls.py文件进行映射：

from django.contrib import admin from django.urls import pathfrom myBlog.views import HollowView , RegisterView#导入RegisterViewurlpatterns = [ path('admin/', admin.site.urls), path('',HollowView.as_view()), path('registe',RegisterView.as_view()),#把url请求映射到RegisterView ]

接下来就可以启动服务python manage.py runserver，用浏览器访问127.0.0.1:8000/blog/regist

就可以看到我们自定义的form显示在浏览器上了:

.

我们再来测试一下，往里面填入一下内容然后点击‘提交’：

.

可以看出密码部分是隐藏了输入内容的，而且邮箱格式不对的话会自动提示！

那么，Django form表单和HTML表单到底有什么不一样呢？实际上是一样的。我们可以用浏览器查看网页的HTML代码（按F12，调出开发者工具，点击上面的Elements查看当前页面元素），点开body节点和form节点可以看到：

。

Django form已经转化成了html格式的代码。