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 #导入forms


class 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 path

from myBlog.views import HollowView , RegisterView#导入RegisterView

urlpatterns = [
    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格式的代码。

原文地址:https://www.cnblogs.com/hebilical/p/9077637.html