当前位置：首页 > news >正文

forms组件(钩子函数(局部钩子、全局钩子)、三种页面的渲染方式、数据校验的使用)、form组件的参数以及单选多选形式

news 2025/9/16 22:10:42

一、form是组件

后端代码

from django.shortcuts import render, redirect, HttpResponsedef ab_form(request):back_dict = {'username': '', 'password': ''}if request.method == 'POST':username = request.POST.get('username')password = request.POST.get('password')if '金瓶梅' in username:back_dict['username'] = '不符合规范'if len(password) < 3 and len(password) > 20:back_dict['password'] = '密码的长度只能介于3位到20位的区间'return render(request, 'ab_form.html', locals())from django import formsclass MyForm(forms.Form):username = forms.CharField(min_length=3, max_length=8, label='用户名',error_messages={'min_length': '用户名最少3位','max_length': '用户名最大8位','required': '用户名不能为空',})password = forms.CharField(min_length=3, max_length=8, label='密码',error_messages={'min_length': '密码最少3位','max_length': '密码最大8位','required': '密码不能为空',})confirm_password = forms.CharField(min_length=3, max_length=8, label='确认密码',error_messages={'min_length': '确认密码最少3位','max_length': '确认密码最大8位','required': '确认密码不能为空',})# email字段必须符合邮箱格式：xxx@xx.comemail = forms.EmailField(label='邮箱',error_messages={'invalid': '邮箱格式不正确','required': '密码不能为空',})'''form_obj = views.MyForm({'username': 'json', 'password': 123, 'email': '123'})# 校验数据是否合法form_obj.is_valid()  Falseform_obj = views.MyForm({'username': 'json', 'password': 123, 'email': 'xx@123.com'})form_obj.is_valid()   True# 校验合法的数据有哪些form_obj.cleaned_data{'username': 'json', 'password': '123', 'email': 'xx@123.com'}form_obj = views.MyForm({'username': 'json', 'password': 123, 'email': '123'})form_obj.is_valid()  Falseform_obj.cleaned_data{'username': 'json', 'password': '123'}# 把不合法的数据找出来form_obj.errors  {'email': ['输入一个有效的 Email 地址。']}form_obj = views.MyForm({'username': 'json', 'password': 123})form_obj.is_valid()  Falseform_obj.errors{'email': ['这个字段是必填项。']}'''# 局部钩子def clean_username(self):# 获取到用户名username = self.cleaned_data.get('username')if '666' in username:# 提示前端展示错误信息self.add_error('username', '只含有666不行')# 将钩子函数钩取出来的数据再放回去return username# 全局钩子def clean_password(self):# 获取密码和确认密码password = self.cleaned_data.get('password')confirm_password = self.cleaned_data.get('confirm_password')if not confirm_password == password:self.add_error('confirm_password', '两次密码不一致')# 将钩子函数钩取出来的数据再放回去return self.cleaned_data'''钩子函数(HOOK):在特定的节点自动触发完成响应的操作在forms组件中有两类钩子1.局部钩子：当你需要给单个字段增加校验规则的时候可以使用2.全局钩子：当你需要给多个字段增加校验规则的时候可以使用案例：1.校验用户名中不能含有666 只是校验username字段，局部钩子2.校验密码和确认密码是否一致 password和confirm两个字段  全局钩子'''def index(request):# 1.先产生一个空对象# 里面的label属性默认展示的是类中定义的字段首字母大写的形式，# 也可以自行修改，如：label='用户名'form_obj = MyForm()if request.method == 'POST':# 获取用户数据并且校验'''1.获取数据繁琐2.校验数据需要构造成字典的格式传入才行PS：但是 request.POST 可以看成是一个字典'''# 3.校验数据form_obj = MyForm(request.POST)# 4.判断数据是否合法if form_obj.is_valid():# 5.若合法，操作数据库，存储数据return HttpResponse('OK')# 不合法，如何将错误信息展示到前端？# 2.直接将该空对象传递给html页面return render(request, 'index.html', locals())

2.前端值index

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>{% load static %}<script src="{% static 'js/jquery.min.js' %}"></script><link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"><script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script><script src="{% static 'layer/layer.js' %}"></script></head>
<body><form action="" method="post" novalidate><p>第一种页面渲染方式: 代码书写少，封装程度太高了，不便于后续的扩展，一般只在本地测试使用</p>
{#    {{ form_obj.as_p }}#}<p>第二种页面渲染方式：可扩展性很强，但是需要书写的代码太多，一般情况下不用</p>
{#    {{ form_obj.as_ul }}#}
{#    <p>{{ form_obj.username.label }}:{{ form_obj.username }}</p>#}
{#    <p>{{ form_obj.password.label }}:{{ form_obj.password }}</p>#}
{#    <p>{{ form_obj.email.label }}:{{ form_obj.email }}</p>#}<p>第三种页面渲染方式(推荐使用)：代码书写简单，并且扩展性高</p>
{#    {{ form_obj.as_table }}#}{% for form in form_obj %}<p>{{ form.label }}:{{ form}}<span style="color: red">{{ form.errors.0 }}</span></p>{% endfor %}<input type="submit" class="btn btn-info"></form></body>
</html>

3.前端之ab_form

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>{% load static %}<script src="{% static 'js/jquery.min.js' %}"></script><link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"><script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script><script src="{% static 'layer/layer.js' %}"></script></head>
<body><form action="" method="post"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><p>username :<input type="text" name="username"><span style="color: darkred">{{ back_dict.username }}</span></p><p>password:<input type="password" name="password"><span style="color: darkred">{{ back_dict.password }}</span></p><input type="submit" class="btn btn-info"></div></div></div></form></body>
</html>

4.form组件的参数以及单选多选形式

class MyForm(forms.Form):username = forms.CharField(min_length=3, max_length=8,label='用户名',initial='lin',required=False,error_messages={'min_length': '用户名最少3位','max_length': '用户名最大8位','required': '用户名不能为空',},widget=forms.widgets.TextInput(attrs={'class': 'form-control', 'username': 'lin'}))password = forms.CharField(min_length=3, max_length=8, label='密码',error_messages={'min_length': '密码最少3位','max_length': '密码最大8位','required': '密码不能为空',},widget=forms.widgets.PasswordInput())confirm_password = forms.CharField(min_length=3, max_length=8, label='确认密码',error_messages={'min_length': '确认密码最少3位','max_length': '确认密码最大8位','required': '确认密码不能为空',},widget=forms.widgets.PasswordInput())# email字段必须符合邮箱格式：xxx@xx.comemail = forms.EmailField(label='邮箱',error_messages={'invalid': '邮箱格式不正确','required': '密码不能为空',},widget=forms.widgets.EmailInput())# 还支持正则校验phone = forms.CharField(validators=[RegexValidator(r'^[0-9]+$', '请输入数字'),RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],)# 选择gender = forms.ChoiceField(choices=((1, '男'), (2, '女'), (3, '保密')),label='性别',initial=3,widget=forms.widgets.RadioSelect())# 多选hobby = forms.ChoiceField(choices=((1, '篮球'), (2, '足球'), (3, '双色球')),label='爱好',initial=3,widget=forms.widgets.Select())# 多选hobby1 = forms.MultipleChoiceField(choices=((1, '篮球'), (2, '足球'), (3, '双色球')),label='爱好',initial=[1, 3],widget=forms.widgets.SelectMultiple())# 单选checkboxkeep = forms.ChoiceField(label='是否记住密码',initial='checked',widget=forms.widgets.CheckboxInput())# 多选checkboxhobby2 = forms.MultipleChoiceField(choices=((1, '篮球'), (2, '足球'), (3, '双色球')),label='爱好',initial=[1, 3],widget=forms.widgets.CheckboxSelectMultiple())'''forms组件其他参数及补充知识点：label 字段名error_messages  自定义报错信息invalid    邮箱格式提示信息initial    设置默认值required   控制字段是否必填字段没有样式：针对不同类型的input如何修改？通过 widget如：widget=forms.widgets.TextInput()widget=forms.widgets.TextInput(attrs={'class': 'form-control', 'username': 'lin'})注意：需要什么样式，自行添加, 若是多个属性值，直接空格隔开即可widget=forms.widgets.PasswordInput()widget=forms.widgets.EmailInput()textpassworddateradiocheckbox...''''''form_obj = views.MyForm({'username': 'json', 'password': 123, 'email': '123'})# 校验数据是否合法form_obj.is_valid()  Falseform_obj = views.MyForm({'username': 'json', 'password': 123, 'email': 'xx@123.com'})form_obj.is_valid()   True# 校验合法的数据有哪些form_obj.cleaned_data{'username': 'json', 'password': '123', 'email': 'xx@123.com'}form_obj = views.MyForm({'username': 'json', 'password': 123, 'email': '123'})form_obj.is_valid()  Falseform_obj.cleaned_data{'username': 'json', 'password': '123'}# 把不合法的数据找出来form_obj.errors  {'email': ['输入一个有效的 Email 地址。']}form_obj = views.MyForm({'username': 'json', 'password': 123})form_obj.is_valid()  Falseform_obj.errors{'email': ['这个字段是必填项。']}'''# 局部钩子def clean_username(self):# 获取到用户名username = self.cleaned_data.get('username')if '666' in username:# 提示前端展示错误信息self.add_error('username', '只含有666不行')# 将钩子函数钩取出来的数据再放回去return username# 全局钩子def clean_password(self):# 获取密码和确认密码password = self.cleaned_data.get('password')confirm_password = self.cleaned_data.get('confirm_password')if not confirm_password == password:self.add_error('confirm_password', '两次密码不一致')# 将钩子函数钩取出来的数据再放回去return self.cleaned_data'''钩子函数(HOOK):在特定的节点自动触发完成响应的操作在forms组件中有两类钩子1.局部钩子：当你需要给单个字段增加校验规则的时候可以使用2.全局钩子：当你需要给多个字段增加校验规则的时候可以使用案例：1.校验用户名中不能含有666 只是校验username字段，局部钩子2.校验密码和确认密码是否一致 password和confirm两个字段  全局钩子'''

forms组件(钩子函数(局部钩子、全局钩子)、三种页面的渲染方式、数据校验的使用)、form组件的参数以及单选多选形式

一、form是组件后端代码 from django.shortcuts import render, redirect, HttpResponsedef ab_form(request):back_dict {username: , password: }if request.method POST:username request.POST.get(username)password request.POST.get(password)if 金瓶梅 in userna…...

编程日记 2023/8/29 1:11:41

跨专业申请成功|金融公司经理赴美国密苏里大学访学交流

J经理所学专业与从事工作不符，尽管如此，我们还是为其成功申请到美国密苏里大学经济学专业的访问学者职位，全家顺利过签出国。 J经理背景： 申请类型： 自费访问学者工作背景： 某金融公司经理教育背景&am…...

编程日记 2023/8/29 1:10:40

第十一章 CUDA的NMS算子实战篇(下篇)

cuda教程目录第一章指针篇第二章 CUDA原理篇第三章 CUDA编译器环境配置篇第四章 kernel函数基础篇第五章 kernel索引(index)篇第六章 kenel矩阵计算实战篇第七章 kenel实战强化篇第八章 CUDA内存应用与性能优化篇第九章 CUDA原子(atomic)实战篇第十章 CUDA流(strea…...

编程日记 2023/8/29 1:09:39

R语言01-数据类型

概念数值型（Numeric）：用于存储数值数据，包括整数和浮点数。例如：x <- 5。字符型（Character）：用于存储文本数据，以单引号或双引号括起来。例如：name &l…...

编程日记 2023/8/29 1:08:38

【网络基础实战之路】基于三层架构实现一个企业内网搭建的实战详解

系列文章传送门： 【网络基础实战之路】设计网络划分的实战详解【网络基础实战之路】一文弄懂TCP的三次握手与四次断开【网络基础实战之路】基于MGRE多点协议的实战详解【网络基础实战之路】基于OSPF协议建立两个MGRE网络的实验详解【网络基础实战之路】基于…...

编程日记 2023/8/29 1:07:37

C++11相较于C++98多了哪些可调用对象？--《包装器》篇

C98里面的可调用对象只有普通函数和函数指针。而在C11里面可调用的对象有下面几种： 普通函数函数指针仿函数lambda表达式（匿名函数）包装器普通函数、函数指针、仿函数、lambda表达式我在以前的文章里其实已经介绍过了包装器在C11里面有…...

编程日记 2023/8/29 1:06:35

栈与队列：常见的线性数据结构

栈（Stack）和队列（Queue）是计算机科学中常见的线性数据结构，它们在许多算法和编程场景中发挥着重要作用。它们的不同特点和用途使得它们适用于不同的问题和应用。栈（Stack） 栈，作为…...

编程日记 2023/8/29 1:05:34

android framework之AMS的启动管理与职责

AMS是什么？ AMS管理着activity，Service, Provide, BroadcastReceiver android10后：出现ATMS,ActivityTaskManagerService:ATMS是从AMS中抽出来，单独管理着原来AMS中的Activity组件。现在我们对AMS的分析，也就包含对…...

编程日记 2023/8/29 1:04:33

Decoupling Knowledge from Memorization: Retrieval-augmented Prompt Learning

本文是LLM系列的文章，针对《Decoupling Knowledge from Memorization: Retrieval 知识与记忆的解耦：检索增强的提示学习摘要1 引言2 提示学习的前言3 RETROPROMPT：检索增强的提示学习4 实验5 相关实验6 结论与未来工作摘要提示学习方法在…...

编程日记 2023/8/29 1:03:31

腾讯云coding平台平台inda目录遍历漏洞复现

前言其实就是一个python的库可以遍历到，并不能遍历到别的路径下，后续可利用性不大，并且目前这个平台私有部署量不多，大多都是用腾讯云在线部署的。 CODING DevOps 是面向软件研发团队的一站式研发协作管理平台，提供…...

编程日记 2023/8/29 1:02:30

无法正常访问服务器

网络原因，本地网络：解决办法：检查本地网络是否正常，访问外网是否流畅。机房网络：通过路由追踪查看是否中间有节点不通，确定是线路出现丢包。远程连接，检查远程连接是否启用以及远程计算机上的…...

编程日记 2023/8/29 1:01:29

解决css英文内容不自动换行的问题

解决css英文内容不自动换行的问题这里主要是针对CMS后台管理系统添加进入数据库，再抓取出来前端显示的英文不换行的问题的情况 1.一般常见的就是英文不自动换行，或者英文换行单词背截断的问题。这种处理方法通过前端样式就可以解决，方法网…...

编程日记 2023/8/29 1:00:27

python语言学习

序言此系列用于总结python语言的相关知识点，用于帮助自己和有缘人查阅 1、python基本数据类型 python基本数据类型 – 字符串...

编程日记 2023/8/29 0:59:26

1. 深度学习介绍

1.1 AI地图 ① 如下图所示，X轴是不同的模式，最早的是符号学，然后概率模型、机器学习。Y轴是我们想做什么东西，感知是我了解这是什么东西，推理形成自己的知识，然后做规划。 ② 感知类似我能看到前面有个屏…...

编程日记 2023/8/29 0:58:25

【现场问题】oracle 11g 和12c 使用jdbc链接，兼容的问题

oracle不同版本问题是什么寻找解决方式首先Oracle的jdbc链接有几种形式?Oracle 11g的链接是什么呢Oracle 12C的链接是什么呢我的代码是哪种！？发现问题没解决问题代码问题是什么项目上建立Oracle数据源，以前大部分都是，11g的…...

编程日记 2023/8/29 0:57:24

嵌入式底层驱动需要知道的基本知识

先说结论，能，肯定能，必须能！ 但是，问题重点在于坚持，程序员这一行 ，下班回家一般都要10点了，再刷两个小时枯燥的学习视频，我想大多数人是坚持不下来的。但是&#xff…...

编程日记 2023/8/29 0:56:23

《软件开发的201个原则》阅读笔记 120-161条

目录使用有效的测试完成度标准原则122 达成有效的测试覆盖原则123 不要在单元测试之前集成原则 124 测量你的软件原则125 分析错误的原因对错不对人原则127 好的管理比好的技术更重要使用恰当的方法原则 129 不要相信你读到的一切原则130 理解客户的优先级原…...

编程日记 2023/8/29 0:55:22

JVM——类加载与字节码技术—类文件结构

由源文件被编译成字节码文件，然后经过类加载器进行类加载，了解类加载的各个阶段，了解有哪些类加载器，加载到虚拟机中执行字节码指令，执行时使用解释器进行解释执行，解释时对热点代码进行运行期的编译处理。…...

编程日记 2023/8/29 0:54:20

C语言学习之main函数两个参数的应用

main函数的两个参数： int main(int argc, char const *argv[]) {/* code */return 0; }参数argc:表示在执行程序时，在终端所输入参数的个数，包括可执行文件的名称；参数argv:1.本质上是一个字符型指针数组；2.用于获取指…...

编程日记 2023/8/29 0:53:18

本地部署 Stable Diffusion（Windows 系统）

相对于使用整合包，手动在 Windows 系统下本地部署 Stable Diffusion Web UI（简称 SD-WebUI），更能让人了解一些事情的来龙去脉。一、安装前置软件：Python 和 Git 1、安装 Python for windows。下载地址 https://www.p…...

编程日记 2023/8/29 0:52:16

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明：server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2025/9/7 1:59:25

C++.OpenGL （10/64）基础光照（Basic Lighting）

基础光照（Basic Lighting）冯氏光照模型（Phong Lighting Model） #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...

编程新知 2025/8/30 20:41:56

Python如何给视频添加音频和字幕

在Python中，给视频添加音频和字幕可以使用电影文件处理库MoviePy和字幕处理库Subtitles。下面将详细介绍如何使用这些库来实现视频的音频和字幕添加，包括必要的代码示例和详细解释。环境准备在开始之前，需要安装以下Python库：…...

编程新知 2025/9/3 4:12:17

k8s业务程序联调工具-KtConnect

概述原理工具作用是建立了一个从本地到集群的单向VPN，根据VPN原理，打通两个内网必然需要借助一个公共中继节点，ktconnect工具巧妙的利用k8s原生的portforward能力，简化了建立连接的过程，apiserver间接起到了中继节…...

编程新知 2025/9/1 10:25:23

Python ROS2【机器人中间件框架】简介

销量过万TEEIS德国护膝夏天用薄款优惠券冠生园百花蜂蜜428g 挤压瓶纯蜂蜜巨奇严选鞋子除臭剂360ml 多芬身体磨砂膏280g健70%-75%酒精消毒棉片湿巾1418cm 80片/袋3袋大包清洁食品用消毒优惠券AIMORNY52朵红玫瑰永生香皂花同城配送非鲜花七夕情人节生日礼物送女友热卖妙洁棉…...

编程新知 2025/8/17 7:11:57

华为OD机考-机房布局

import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...

编程新知 2025/9/3 19:19:44