手机模板网站模板免费下载网络广告创意
1.目的是根据员工表字段，实现一个新增员工的数据填写页面
2.在views.py文件中按下面的格式写
定义 ModelForm 类：UserModelForm （自己命名的类名）使用时需要导入包
定义视图函数：user_model_form_add（在函数中使用form = UserModelForm()）
定义了一个 Django ModelForm 类 UserModelForm，用于创建或编辑 UserInfo 模型的实例，表单包含 name、password、age、account、create_time、gender 和 depart 字段。在 __init__ 方法中，为每个字段的 HTML 输入元素动态添加了 class="form-control" 和 placeholder 属性，以便使用 Bootstrap 样式并显示字段标签作为占位符。user_model_form_add 视图函数处理 GET 和 POST 请求：当用户访问页面时（GET 请求），渲染一个空表单；当用户提交表单时（POST 请求），验证表单数据，如果数据有效则保存到数据库并重定向到 /user/list 页面，如果数据无效则打印错误信息（用于调试）。
-
表单定义：通过
ModelForm快速生成与模型关联的表单，并自定义字段的 HTML 属性。 -
视图处理：处理用户请求，显示空表单或验证并保存提交的数据，最后重定向或返回错误信息。
注意：form.save() 会将数据保存到数据库中，这个数据库就是我们在UserModelForm中定义的model = models.UserInfo，即UserInfo表
from django.shortcuts import render,redirect
from employees import models
from django import formsclass UserModelForm(forms.ModelForm):class Meta:model = models.UserInfofields = ["name","password","age", "account", "create_time", "gender", "depart"]def __init__(self, *args, **kwargs):# 调用父类的初始化方法super().__init__(*args, **kwargs)# 遍历表单中的所有字段for name, field in self.fields.items():# 为每个字段的 widget 添加 HTML 属性field.widget.attrs = {"class": "form-control", # 添加 Bootstrap 样式"placeholder": field.label # 设置占位符为字段的标签}def user_model_form_add(request):# 处理 GET 请求：显示空表单if request.method == 'GET':form = UserModelForm() # 创建一个空的 UserModelForm 实例# 渲染模板，并将表单对象传递给模板return render(request, 'user_model_form_add.html', {"form": form})# 处理 POST 请求：提交表单数据form = UserModelForm(data=request.POST)# 验证表单数据是否有效if form.is_valid():# 如果数据有效，保存表单数据到数据库form.save()return redirect("/user/list") # 重定向到用户列表页面else:# 如果数据无效，打印错误信息（用于调试）print(form.errors)
user_model_form_add.html 使用传递过来的数据
完整代码
{% extends 'layout.html' %}{% block content %}
<div class="container"><div class="c1"><a class="btn btn-success" href="/user/add">新建用户</a></div><div class="c1"><a class="btn btn-success" href="/user/model/form/add">新建用户ModelForm</a></div><div class="card c1"><div class="card-header">新建用户</div><div class="card-body"><form method="post">{% csrf_token %}{% for field in form%}<div class="form-label"><label>{{ field.label }}</label>{{ field }}</div>{% endfor %}<button type="submit" class="btn btn-primary">提交</button></form></div></div></div>
{% endblock %}
实现效果
输入数据，提交
添加成功
3.校验错误信息提示
上面编写的错误输出只是测试，我想直接在网页上显示错误提示，这样更直观，代码修改如下
def user_model_form_add(request):# 处理 GET 请求：显示空表单if request.method == 'GET':form = UserModelForm() # 创建一个空的 UserModelForm 实例# 渲染模板，并将表单对象传递给模板return render(request, 'user_model_form_add.html', {"form": form})# 处理 POST 请求：提交表单数据form = UserModelForm(data=request.POST)# 验证表单数据是否有效if form.is_valid():# 如果数据有效，保存表单数据到数据库form.save()return redirect("/user/list") # 重定向到用户列表页面else:# 校验失败，在页面上显示错误信息return render(request, 'user_model_form_add.html', {"form": form})user_model_form_add.html增加这一行
<span style="color: red;">{{ field.errors.0 }}</span>
效果如下，出现提示
上面的是浏览器做的校验，我们想自己校验提示，增加一个：novalidate
效果如下
我想对都写字段增加限制，Django会自动检查，例如
重写name和password字段，设置最小长度和标签，如果用户输入的长度不足，Django 会自动显示错误提示。
效果
更复杂的写法
注意导入对应的库
from django.shortcuts import render,redirect
from employees import models
from django import forms
from django.core.validators import MinLengthValidator, RegexValidatorclass UserModelForm(forms.ModelForm):name = forms.CharField(min_length=3,label="用户名")password = forms.CharField(label="密码",widget=forms.PasswordInput(),validators=[MinLengthValidator(6, message="密码长度不能少于 6 个字符。"),RegexValidator(regex=r'^(?=.*\d)(?=.*[a-zA-Z]).{6,20}$',message="密码必须包含字母和数字，且长度为 6-20 个字符。")])class Meta:model = models.UserInfofields = ["name","password","age", "account", "create_time", "gender", "depart"]def __init__(self, *args, **kwargs):# 调用父类的初始化方法super().__init__(*args, **kwargs)# 遍历表单中的所有字段for name, field in self.fields.items():# 为每个字段的 widget 添加 HTML 属性field.widget.attrs = {"class": "form-control", # 添加 Bootstrap 样式"placeholder": field.label # 设置占位符为字段的标签}效果
如果想修改提示变成中文，例如
修改如下
效果
学习：【最新Python的web开发全家桶（django+前端+数据库）-哔哩哔哩】 https://b23.tv/hSTu5xi