如何高效为Django单个应用的所有Admin页面添加自定义CSS和JS

方法一：基于基础ModelAdmin类统一配置（推荐） #

这种方式只需编写一次配置，所有app1的ModelAdmin继承即可，避免重复代码，且仅作用于app1。

1. 修改app1的admin.py
   创建一个基础ModelAdmin类，指定app1专属的base模板，再让所有模型的Admin继承该类：

from django.contrib import admin
from .models import Person, Animal, Food

# 基础Admin类，统一配置app1的模板
class BaseApp1Admin(admin.ModelAdmin):
    base_template = "admin/app1/base.html"

# 各个模型的Admin继承基础类
@admin.register(Person)
class PersonAdmin(BaseApp1Admin):
    list_display = ("name", "age") # 你的自定义配置

@admin.register(Animal)
class AnimalAdmin(BaseApp1Admin):
    list_display = ("species", "owner")

@admin.register(Food)
class FoodAdmin(BaseApp1Admin):
    list_display = ("name", "calories")

2. 完善app1的base.html模板
   在templates/admin/app1/base.html中正确继承官方Admin模板，并在extrahead块引入静态资源：

{% extends "admin/base.html" %}
{% load static %}

{% block extrahead %}
    {{ block.super }}
    <!-- 引入自定义CSS -->
    <link rel="stylesheet" type="text/css" href="{% static 'core/admin/app1/css/custom.css' %}">
    <!-- 引入自定义JS -->
    <script src="{% static 'core/admin/app1/js/custom.js' %}"></script>
{% endblock %}

方法二：通过模板覆盖自动应用 #

若不想修改Admin代码，可通过创建app1专属的通用Admin模板，让系统自动加载：

1. 创建app1的通用Admin模板
   在templates/admin/app1/下创建以下模板文件（覆盖默认Admin页面的模板查找逻辑）：

• change_form.html（对应模型编辑页）

{% extends "admin/app1/base.html" %}
{% load i18n admin_urls static admin_modify %}

{% block content %}
    {% include "admin/change_form.html" %}
{% endblock %}

• change_list.html（对应模型列表页）

{% extends "admin/app1/base.html" %}
{% load i18n admin_urls static admin_list %}

{% block content %}
    {% include "admin/change_list.html" %}
{% endblock %}

• 按需创建delete_confirmation.html、object_history.html等其他Admin页面模板，逻辑同上。

2. 确保base.html配置正确
   同方法一中的base.html内容，引入自定义CSS/JS即可。

额外注意事项 #

• 确认core/settings.py中STATIC_URL = '/static/'配置正确
• 生产环境需执行python manage.py collectstatic收集静态文件
• app1需在INSTALLED_APPS中注册，确保模板和静态资源能被正确加载

内容的提问来源于stack exchange，提问作者Super Kai - Kazuya Ito