北京住房和城乡建设网站网页设计主要做什么
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 %}
实现效果
输入数据，提交
添加成功