Django里的ModelForm组件

ModelForm组件

  • 自动生成HTML标签 + 自动读取关联数据
  • 表单验证 + 错误提示
  • 数据库进行:新建,修改

步骤如下:

  • 创建类
python 复制代码
# 在 views.py 文件里

# 创建一个类
class AssetModelForm(forms.ModelForm):
    class Meta:
        model = models.AssetSet 
        #fields = ['name', 'price', 'category', 'depart']  # 可以这么写
		fields = "__all__"
  • 视图函数
python 复制代码
# 在 views.py 里

def asset_add(request):
    """
    # 获取所有类型
    cat_list = models.AssetSet.category_choices
    dp_list = models.Department.objects.all()

    form = AssetForm()
    """
    
    cat_list = models.AssetSet.category_choices
    dp_list = models.Department.objects.all()
    form = AssetModelForm()

    return render(request, 'asset_add.html', {'cat_list': cat_list, 'dp_list': dp_list, 'form': form})
  • 前端页面
    在 html 页面里得用循环来显示从数据库获取的数据
html 复制代码
<form>
    <!-- {{ form.name }}
    {{ form.price }} -->

    {% for field in form %}
        {{ field }}
    {% endfor %}
</form>

效果如下:


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

python 复制代码
# 在 views.py 文件里

class AssetModelForm(forms.ModelForm):
    newField = forms.CharField()  # 添加新的field
    class Meta:
        model = models.AssetSet 
        #fields = ['name', 'price', 'category', 'depart', 'newField']
        fields = "__all__"

效果如下:

添加了红色方框里的输入框


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

python 复制代码
# 在 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":
                continue
            field.widget.attrs['style'] = "width: 100px"

这样效果就呈现在下面


点个赞呗~

相关推荐
追逐时光者4 小时前
精选 4 款基于 .NET 开源、功能强大的 Windows 系统优化工具
后端·.net
TF男孩4 小时前
ARQ:一款低成本的消息队列,实现每秒万级吞吐
后端·python·消息队列
AAA修煤气灶刘哥5 小时前
别让Redis「歪脖子」!一次搞定数据倾斜与请求倾斜的捉妖记
redis·分布式·后端
AAA修煤气灶刘哥5 小时前
后端人速藏!数据库PD建模避坑指南
数据库·后端·mysql
你的人类朋友6 小时前
什么是API签名?
前端·后端·安全
昵称为空C8 小时前
SpringBoot3 http接口调用新方式RestClient + @HttpExchange像使用Feign一样调用
spring boot·后端
架构师沉默8 小时前
设计多租户 SaaS 系统,如何做到数据隔离 & 资源配额?
java·后端·架构
RoyLin9 小时前
TypeScript设计模式:适配器模式
前端·后端·node.js
该用户已不存在9 小时前
Mojo vs Python vs Rust: 2025年搞AI,该学哪个?
后端·python·rust
Moonbit9 小时前
MoonBit 正式加入 WebAssembly Component Model 官方文档 !
前端·后端·编程语言