Django Admin Cookbook-5如何在Django Admin后台中添加Logo

测试-八戒

于 2023-06-04 15:14:39 发布

阅读量340

点赞数

分类专栏： Django 文章标签： django python 后端

测试-八戒

本文链接：https://blog.csdn.net/m0_59868866/article/details/131032500

版权

Django 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

29.如何在Django管理后台中显示Imagefield中的图像？
30.保存时如何将模型与当前用户关联？
31.如何在Django管理后台中将字段标记为只读？
32.如何在Django管理后台中显示不可编辑的字段？
33.如何使字段仅在创建时可编辑，编辑时只读？
34.如何在Django管理后台中过滤外联字段下拉值？
35.如何使用带有大量对象的外联字段的管理模型？
36.如何更改下拉菜单中的ForeignKey显示文本？
37.如何向Django Admin模型修改页添加自定义按钮？

其他

38.如何获取特定对象的Django管理后台URL？
39.如何在Django管理后台添加两个同样的模型？
40.如何为Django管理后台覆盖保存操作？
41.如何将数据库视图添加到Django管理后台？
42.如何在Django管理后台控制台中设置应用程序和模型的顺序？

5.如何在Django Admin后台中添加Logo？

你的上司或许对你创建的UMSRA后台已经比较满意，但是市场人员希望将UMSRA的Logo放在所有后台管理页面上。

你需要覆盖Django提供的默认模板页面。在项目settings.py文件中，默认TEMPLATES的设置如下。

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        '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将在你项目的templates下，对应每个应用名称的目录中查找所需要的HTML模板文件。你也可以通过为设置值来覆盖模板的查找目录TEMPLATES.DIRS。

将'DIRS': []修改为'DIRS': [os.path.join(BASE_DIR, 'templates/')]，并在项目下创建templates目录。如果你的STATICFILES_DIRS设置为空，将其设置为：

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

然后将admin应用(python/site-packages/django/contrib/admin/templates)中的base_site.html文件，复制到你项目的templates\admin目录。将branding块中的默认文本替换为Logo图片的链接：

<h1 id="site-name">
    <a href="{% url 'admin:index' %}">
        <img src="{% static 'umsra_logo.png' %}" height="40px" />
    </a>
</h1>

修改改后，完整的base_site.html代码如下：

{% extends "admin/base.html" %}
{% load staticfiles %}
{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}
{% block branding %}
<h1 id="site-name">
    <a href="{% url 'admin:index' %}">
        <img src="{% static 'umsra_logo.png' %}" height="40px" />
    </a>
</h1>
{% endblock %}
{% block nav-global %}{% endblock %}

保存并重启应用，你的Admin后台将显示如下：