你好开发者✌,

在本教程中,您将学习如何自行自定义 Django 管理站点。

首先安装名为django-admin-interface的第 3 方包

pip install django-admin-interface
复制

进入全屏模式 退出全屏模式

将包添加到settings.py文件中的已安装应用程序。

# project/settings.py

INSTALLED_APPS = [
    # Add package before the django.contrib.admin
    'admin_interface',
    'colorfield',

    # django apps
    'django.contrib.admin',
    ...
]
复制

进入全屏模式 退出全屏模式

在settings.py文件的底部添加以下内容。

X_FRAME_OPTIONS = "SAMEORIGIN"
SILENCED_SYSTEM_CHECKS = ["security.W019"]
复制

进入全屏模式 退出全屏模式

运行 migrate 以应用迁移。

py manage.py migrate
复制

进入全屏模式 退出全屏模式

然后收集静态文件。

py manage.py collectstatic
复制

进入全屏模式 退出全屏模式

如果您没有配置静态设置,则更新您的settings.py文件,如下所示。

STATIC_URL = '/static/'
STATICFILES_DIRS = (str(BASE_DIR.joinpath('static')),)
STATIC_ROOT = str(BASE_DIR.joinpath('staticfiles'))
STATICFILES_FINDERS = [
"django.contrib.staticfiles.finders.FileSystemFinder",
"django.contrib.staticfiles.finders.AppDirectoriesFinder",
]
复制

进入全屏模式 退出全屏模式

然后运行服务器。

py manage.py runserver
复制

进入全屏模式 退出全屏模式

前往localhost:8000/admin

点击themes型号。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--4EZqystH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/uploads/articles/4p2sesca8nr4cxfu13o2.png)

单击 django 条目以更新管理界面。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--RapszCFc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/uploads/articles/bzvd3v960affp39j4fox.png)

您会看到有很多选项可以更新 UI。

根据需要更改颜色、标题、徽标等。