Django admin - 如何使“内联”可折叠

Django

使用Django开发Web应用程序时，通常会使用Django admin作为一个强大的管理工具。Django admin提供了许多内置的功能，可以方便地管理后台数据。其中一个有用的功能是“内联”，它允许将相关模型作为子模型嵌入到父模型的编辑页面中。

在默认情况下，Django admin的内联模型是展开显示的，这可能会导致页面变得混乱和冗长。为了提高用户体验和页面的可读性，我们可以将内联模型设置为可折叠的。本文将介绍如何实现这一功能，并提供一个简单的案例代码。

首先，让我们考虑一个简单的示例场景。假设我们正在开发一个博客应用程序，其中有两个相关的模型：Post（文章）和Comment（评论）。每个文章可以有多个评论。我们希望在编辑文章时，能够方便地查看和管理与之相关的评论。

为了实现这个功能，我们需要在Django admin中定义一个内联模型。在我们的例子中，我们将创建一个名为CommentInline的类，作为Comment模型的内联模型。以下是示例代码：

Python
from Django.contrib import admin
from .models import Post, Comment
class CommentInline(admin.StackedInline):
    model = Comment
    extra = 0
@admin.register(Post)
class PostAdmin(admin.ModelAdmin):
    inlines = [CommentInline]

在上述代码中，我们首先导入了admin和我们的模型类Post和Comment。然后，我们定义了一个名为CommentInline的内联模型。我们将Comment模型指定为内联模型的模型，extra = 0表示默认不显示任何评论。

接下来，我们使用@admin.register装饰器将Post模型注册到Django admin。在PostAdmin类中，我们将CommentInline添加到inlines列表中。这告诉Django admin在编辑文章时显示CommentInline作为内联模型。

现在，我们已经定义了内联模型并将其添加到Django admin中，但默认情况下内联模型是展开显示的。为了使其可折叠，我们需要在CommentInline类中添加一些额外的设置。以下是修改后的代码：

Python
class CommentInline(admin.StackedInline):
    model = Comment
    extra = 0
    show_change_link = True
    classes = ['collapse']

在上述代码中，我们添加了两个新的属性：show_change_link和classes。show_change_link = True表示为每个内联模型显示一个链接，点击链接会打开内联模型的编辑页面。classes = ['collapse']将内联模型的HTML元素添加了一个名为collapse的CSS类，这样它就可以被折叠起来。

现在，当我们在Django admin中编辑文章时，评论内联模型将会以折叠的方式显示。用户可以点击展开按钮来查看和管理评论。这大大提高了页面的可读性和用户体验。

：

在本文中，我们介绍了如何使用Django admin的内联功能，并将其设置为可折叠的。我们通过一个简单的示例代码演示了如何定义内联模型以及如何添加额外的设置来实现可折叠的效果。通过这种方式，我们可以大大提高Django admin的可用性和用户体验。希望本文对您有所帮助！