Django inline表单如何预设三行带有默认值|极客笔记

Django inline表单如何预设三行带有默认值

在Django中，我们经常需要在表单中预设一些默认值，这对于提高用户体验和简化操作非常有用。在本文中，我们将介绍如何在Django中使用inline表单预设三行带有默认值。

什么是inline表单

在Django中，我们经常使用表单来收集用户数据。inline表单是指在一个表单中嵌套另一个表单，通常用于创建父子关系的对象。比如，在一个文章页面中可以同时编辑与之相关的评论。

如何预设默认值

在Django中，我们可以使用初始数据来预设表单字段的默认值。为了实现预设三行带有默认值的inline表单，我们需要按照以下步骤操作：

步骤1: 创建模型

首先，我们需要创建两个模型，一个是父模型，一个是子模型。以下是一个简单的示例：

from django.db import models

class ParentModel(models.Model):
    title = models.CharField(max_length=100)
    content = models.TextField()

class ChildModel(models.Model):
    parent = models.ForeignKey(ParentModel, on_delete=models.CASCADE)
    comment = models.TextField()

步骤2: 创建表单

接着，我们需要创建父表单和子表单。父表单中包含三个空白的子表单，我们将为这三个子表单预设默认值。

from django import forms
from .models import ParentModel, ChildModel

class ChildForm(forms.ModelForm):
    class Meta:
        model = ChildModel
        fields = ['comment']
        widgets = {
            'comment': forms.Textarea(attrs={'rows': 3}),
        }

class ParentForm(forms.ModelForm):
    child1 = ChildForm(initial={'comment': 'Default Comment 1'})
    child2 = ChildForm(initial={'comment': 'Default Comment 2'})
    child3 = ChildForm(initial={'comment': 'Default Comment 3'})

    class Meta:
        model = ParentModel
        fields = ['title', 'content']

步骤3: 创建视图函数

接下来，我们需要编写视图函数来渲染表单，并根据请求处理表单数据。

from django.shortcuts import render
from .forms import ParentForm

def create_parent(request):
    if request.method == 'POST':
        form = ParentForm(request.POST)
        if form.is_valid():
            parent = form.save()
            # 处理表单数据
    else:
        form = ParentForm()

    return render(request, 'create_parent.html', {'form': form})

步骤4: 创建模板

最后，我们需要创建模板文件create_parent.html来显示表单。

<form method="POST">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Submit">
</form>

现在，当用户访问这个页面时，会看到一个包含三个子表单的父表单。每个子表单都带有预设的默认值，用户可以在提交表单时修改默认值。

运行结果

当用户访问create_parent.html页面时，会看到如下内容：

<form method="POST">
    <input type='hidden' name='csrfmiddlewaretoken' value='some_value'>
    <textarea name="child1-comment" rows="3">Default Comment 1</textarea>
    <textarea name="child2-comment" rows="3">Default Comment 2</textarea>
    <textarea name="child3-comment" rows="3">Default Comment 3</textarea>
    <input type="submit" value="Submit">
</form>

用户可以在这些文本框中编辑默认值，并提交表单。