python - 使用内联在前端启用 Django 管理功能

Question

我已决定将一些功能从我的管理网站转移到前端。功能包括使用一些外键内联管理一个模型。

为此，我已经安装了 django-dynamic-formset JQuery 插件(链接 git )并为此苦苦挣扎了几天。这是 problems 之一.

Django admin 中已经实现了相同的功能。我可以根据需要添加、修改、删除内联和修改模型实例。我想知道为什么我应该使用这个 JQuery 插件，为什么互联网上没有那么多关于该主题的好教程？

我需要一个很好的最新示例，说明如何在没有第三方 JS 文件的情况下在前端使用 django 表单集或内联表单集。如果它有链接(不是复选框)来删除内联项目和添加按钮，我会很高兴，这将正确地添加新的内联。

更具体一些，因为这个问题被认为太宽泛了:

我有两个模型 School 和 SchoolPlace:

class School(models.Model):
     name = models.CharField(_('School name'), max_length=100)

class SchoolPlace(models.Model):

    school = models.ForeignKey(School, verbose_name=_('school place'), related_name='school_places', blank=True, null=True)

    name = models.CharField(_('School place name'), max_length=200)

    city = models.ForeignKey(City, blank=True, null=True, verbose_name=_('city'),
                     help_text='city')

还有相应的形式:

class SchoolForm(forms.ModelForm):

      name = forms.CharField(
                             label=_('Name'),
                             widget=forms.TextInput(attrs={
                                'placeholder': _('school name')}),
                              max_length=100, required=True)

class SchoolPlaceForm(forms.ModelForm):

    name = forms.CharField(label=_('Name'),
                            widget=forms.TextInput(
                                        attrs={'placeholder': _('school place name')}),
                                        max_length=200,
                                        required=False)

    city = forms.ModelChoiceField(label=_('City'),
                                  widget=forms.Select(attrs={'class': 'ui search dropdown'}),
                                  queryset=City.objects.all(), required=False)

    class Meta:
        model = SchoolPlace
        fields = ['name','city']
        exclude = ['school']

我想以与在 Django 管理中相同的方式编辑这两个模型，但仅限于我自己的前端。至于所有的 js 文件已经在 django.contrib.admin 中，我想在不使用辅助应用程序和插件的情况下做到这一点。

我需要与 Django 管理中相同的功能:添加、删除、修改 SchoolPlace 内联。这是屏幕截图:

Answer 1

我建议您使用管理表单(在您的 View 中)或管理 View (在自定义 url 上)并仅更改管理模板，或者甚至只是加载管理 javascript，您可以在管理模板中找到它。