Django admin：将相关字段的选定框更改为自动完成

Django

使用Django开发网站时，Django admin是一个非常强大和方便的工具。它提供了一个自动生成的管理界面，让我们可以轻松地管理数据库中的数据。然而，有时候默认的界面可能不够满足我们的需求，特别是在处理相关字段的时候。在本文中，我们将讨论如何将相关字段的选定框更改为自动完成，以提高用户体验和效率。

在Django admin中，相关字段是指那些需要从其他模型中选择数据的字段。默认情况下，Django admin会使用一个下拉框来展示这些字段，让用户从预定义的选项中选择。然而，当我们的数据量很大时，使用下拉框来选择数据将变得非常麻烦和耗时。

为了解决这个问题，我们可以使用自动完成来替代下拉框。自动完成是一种用户界面技术，它可以根据用户的输入实时地从数据库中过滤和显示相关的选项。这样，用户就可以通过输入关键字来快速地找到他们想要的选项，而无需手动滚动和选择。

要在Django admin中实现自动完成，我们需要使用一些第三方库。其中最流行的库是Django-autocomplete-light。它提供了一个简单而强大的解决方案，可以轻松地将相关字段的选定框更改为自动完成。

接下来，让我们通过一个简单的案例来演示如何在Django admin中使用自动完成。假设我们有两个模型，一个是Book（书籍），另一个是Author（作者）。每本书都有一个作者，我们希望在Django admin中使用自动完成来选择书籍的作者。

首先，我们需要安装Django-autocomplete-light库。可以使用pip命令进行安装：

pip install Django-autocomplete-light

安装完成后，我们需要将库添加到Django项目的INSTALLED_APPS配置中：

INSTALLED_APPS = [
    ...
    'dal',
    'dal_select2',
    ...
]

然后，我们需要在Book模型中定义一个ForeignKey字段，用于关联Author模型。在这个字段上，我们将使用autocomplete_light库提供的AutoCompleteSelect2字段类型：

Python
from Django.db import models
from dal import autocomplete
class Book(models.Model):
    title = models.CharField(max_length=100)
    author = models.ForeignKey(Author, on_delete=models.CASCADE, 
                               widget=autocomplete.ModelSelect2(url='author-autocomplete'))
    def __str__(self):
        return self.title

在上面的代码中，我们使用AutoCompleteSelect2字段类型来定义了书籍的作者字段。我们还通过url参数指定了一个URL，用于获取和显示作者的自动完成选项。这个URL将在后面的步骤中进行配置。

接下来，我们需要创建一个视图来处理作者的自动完成选项。我们可以在views.py文件中添加以下代码：

Python
from dal import autocomplete
class AuthorAutocomplete(autocomplete.Select2QuerySetView):
    def get_queryset(self):
        qs = Author.objects.all()
        if self.q:
            qs = qs.filter(name__istartswith=self.q)
        return qs

在上面的代码中，我们创建了一个AuthorAutocomplete视图，继承自autocomplete.Select2QuerySetView。我们重写了get_queryset方法，用于根据用户的输入过滤和显示相关的作者选项。

最后，我们需要在urls.py文件中配置URL来映射我们的视图。我们可以添加以下代码：

Python
from Django.urls import path
from .views import AuthorAutocomplete
urlpatterns = [
    ...
    path('author-autocomplete/', AuthorAutocomplete.as_view(), name='author-autocomplete'),
    ...
]

在上面的代码中，我们创建了一个URL模式，将author-autocomplete路径映射到我们之前创建的AuthorAutocomplete视图。

现在，我们可以运行Django开发服务器，并登录到Django admin界面。在书籍的编辑页面上，我们会看到作者字段的选定框已经被替换为自动完成框。当我们输入关键字时，自动完成框会实时地显示和过滤相关的作者选项。这样，我们就可以更快地选择和关联书籍的作者了。

：

在本文中，我们介绍了如何使用Django-autocomplete-light库将Django admin中相关字段的选定框更改为自动完成。通过使用自动完成，我们可以提高用户在选择相关数据时的效率和体验。我们通过一个简单的案例演示了如何在Django admin中使用自动完成，并提供了相应的代码示例。希望本文能帮助你在开发Django网站时更好地处理相关字段。