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

模板网站建设教程php网站开发环境说明

news 2025/9/18 5:59:03

模板网站建设教程,php网站开发环境说明,wordpress 慢途网,宁波做网站设计ModelForm组件自动生成HTML标签自动读取关联数据表单验证保留之前提交的数据错误提示数据库进行：新建，修改步骤如下： 创建类 # 在 views.py 文件里# 创建一个类 class AssetModelForm(forms.ModelForm):class Meta:model models.…

ModelForm组件

自动生成HTML标签 + 自动读取关联数据
表单验证 + 保留之前提交的数据 + 错误提示
数据库进行：新建，修改

步骤如下：

创建类

# 在 views.py 文件里# 创建一个类
class AssetModelForm(forms.ModelForm):class Meta:model = models.AssetSet #fields = ['name', 'price', 'category', 'depart']  # 可以这么写fields = "__all__"

视图函数

# 在 views.py 里def asset_add(request):"""# 获取所有类型cat_list = models.AssetSet.category_choicesdp_list = models.Department.objects.all()form = AssetForm()"""cat_list = models.AssetSet.category_choicesdp_list = models.Department.objects.all()form = AssetModelForm()return render(request, 'asset_add.html', {'cat_list': cat_list, 'dp_list': dp_list, 'form': form})

前端页面
在 html 页面里得用循环来显示从数据库获取的数据

<form><!-- {{ form.name }}{{ form.price }} -->{% for field in form %}{{ field }}{% endfor %}
</form>

效果如下：
请添加图片描述

如果要想添加在数据库没有的field到前端页面，可以这么操作

# 在 views.py 文件里class AssetModelForm(forms.ModelForm):newField = forms.CharField()  # 添加新的fieldclass Meta:model = models.AssetSet #fields = ['name', 'price', 'category', 'depart', 'newField']fields = "__all__"

效果如下：
添加了红色方框里的输入框
请添加图片描述

要想在 ModelForm 里对某一些 Field 添加 css 样式，可以这么操作

# 在 views.py 文件里class AssetModelForm(forms.ModelForm):newField = forms.CharField()class Meta:model = models.AssetSet fields = ['name', 'price', 'category', 'depart']#fields = "__all__""""# 单一的给某个field添加样式widgets = {'category': forms.Select(attrs={'style': "width: 300px;"})}"""# 给所有的 field 提供样式def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)for name, field in self.fields.items():if name == "price":continuefield.widget.attrs['style'] = "width: 100px"