Django——表单简单使用

最新推荐文章于 2023-11-15 15:00:16 发布

原创最新推荐文章于 2023-11-15 15:00:16 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#django #前端 #python

Django艰难学习之旅专栏收录该内容

36 篇文章

订阅专栏

本文介绍了Django中表单的简单使用，包括前端HTML中的placeholder属性、name属性与后端接收POST值的方法。讲解了CSRF防止跨站请求的验证，以及如何在views.py中处理表单数据，强调了cleaned_data在验证数据过程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

配置省略。
从templates中的regist.html文件开始。

input标签的placeholder属性：
placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。

该提示会在用户输入值之前显示在输入字段中。

注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>regist</title>
</head>
<body>

    <form action="" method="">
        <input type="text" placeholder="用户名" />
        <input type="password" placeholder="密码" />
        <input type="submit" value="提交" />

    </form>

</body>
</html>

在这里插入图片描述
这里的name<form action="{% url 'regist' %}" method="POST">，就是我们在app urls中定义路由时的name。我们在编写前端代码时，直接将name传递给url就可以了。
这样有一个好处就是，不管path的url怎么变化，只要name我们不改，就不需要修改这部分的代码。

给input 写入name

<form action="{% url 'regist' %}" method="POST">
        <label>用户名</label><input type="text" name="username" placeholder="用户名" /><br>
        <label>密码</label><input type="password" name="password" placeholder="密码" /><br>
        <input type="submit" value="提交" />

    </form>

后端接收一下post的值

    def post(self, request):
        username = request.POST.get('username')  # 获取前端post的username的值
        password = request.POST.get('password')
        
        print('username:', username)
        print('password:', password)
        
        return redirect('/regist')

from django.shortcuts import render, redirectredirct：接受一个URL参数，表示让浏览器跳转去指定的URL

然后，我们在浏览器提交一下试一下。
在这里插入图片描述
出现了forbidden。是一个防止跨站请求的验证。
然后我们在HTML中加上一个{% csrf_token %}

<form action="{% url 'regist' %}" method="POST">
        {% csrf_token %}
        <label>用户名</label><input type="text" name="username" placeholder="用户名" /><br>
        <label>密码</label><input type="password" name="password" placeholder="密码" /><br>
        <input type="submit" value="提交" />

    </form>

在这里插入图片描述
出现了一个hidden 隐藏区域，csrfmiddlewaretoken，一个加密的key。
token会随着我们前端的请求，提交到我们的后端。

settings中的这个请求就是去验证是否是一个跨站请求的。
**跨站请求：**比如谷歌想通过前端去请求百度的后端，这就属于跨站请求，就不被允许。
如果想验证成功，就需要加上csrf_token。

我们再提交一次，就发现我们的后台接收到了username和password的内容。
在这里插入图片描述
因为我们之前在post那里做了一个重定向，提交之后又跳转到当前页面了。

Django表单

在app中新建一个forms.py

# coding:utf-8

from django import forms  # 导入django的表单
from django.forms import fields  # 类似于model层的models


class Auth(forms.Form):
    username = fields.CharField(max_length=18, required=True)  # 不允许为空 这个输入后显示出来的是明文
    password = fields.CharField(widget=forms.PasswordInput)  # 这个是设置输入后前端显示的是星号

views.py中

from .forms import Auth


class Regist(View):
    TEMPLATE = 'regist.html'

    def get(self, request):

        form = Auth()

        return render(request, self.TEMPLATE, {'form': form})

在html中：

<form action="{% url 'regist' %}" method="POST">
        {% csrf_token %}
        {{form.as_table}}
        <input type="submit" value="提交" />

    </form>

加了一句{{form.as_table}}
在这里插入图片描述
如果把password里面定义的属性去掉，那么password就是一个text类型。

输入内容也都能看到。

这时我们再在前端提交一下
在这里插入图片描述
依旧成功接收到啦。

如果我们想在后端接收并使用表单

    def post(self, request):
        # username = request.POST.get('username')  # 获取前端post的username的值
        # password = request.POST.get('password')

        form = Auth(request.POST)
        if form.is_valid():  # 如果表单验证通过了

            username = form.cleaned_data.get('username')
            password = form.cleaned_data.get('password')

            print('username:', username)
            print('password:', password)

        return redirect('/regist')

cleaned_data是指我们经过验证之后，纯正的数据

我们前端提交一下，后端依旧接收到了
在这里插入图片描述

username = form['username']
password = form['password']

看一下如果不写cleaned_data我们的form里面是什么
在这里插入图片描述
都是前端的input标签