8、Django Admin后台中添加Logo

背着吉他去流浪2024-09-03 17:19

在项目settings.py文件

# 导入os，并且修改'DIRS'内容如下所示
import os
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates/')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

找到django项目中的模板文件，路径中包括django\contrib\admin\templates\admin,我的文件是在

E:\Django\study\20240828\venv\Lib\site-packages\django\contrib\admin\templates\admin

找到base_site.html复制到项目目录templates\admin，添加LOGO的文件

所增加的文件及路径如下所示：

修改base_site.html,我这里注释掉原代码，添加了以下h1标签代码

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

{% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block branding %}
    {% comment %} <h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('Django administration') }}</a></h1> {% endcomment %}
    <h1 id="site-name"><a href="{% url 'admin:index' %}"><img src="/static/images/head.jpg" alt="Your Site Logo" height="50px">我的管理网站</a></h1>
{% endblock %}

{% block nav-global %}{% endblock %}

显示效果：