8、Django Admin后台中添加Logo

在项目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 %}

显示效果:

相关推荐
程序猿小D8 分钟前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+jsp实现的个人财务管理系统,推荐!
java·数据库·mysql·spring·毕业论文·ssm框架·个人财务管理系统
钢铁男儿1 小时前
C# 接口(什么是接口)
java·数据库·c#
__风__2 小时前
PostgreSQL kv(jsonb)存储
数据库·postgresql
Databend2 小时前
Databend 产品月报(2025年6月)
数据库
Little-Hu3 小时前
QML TextEdit组件
java·服务器·数据库
保持学习ing5 小时前
day1--项目搭建and内容管理模块
java·数据库·后端·docker·虚拟机
宇钶宇夕5 小时前
EPLAN 电气制图:建立自己的部件库,添加部件-加SQL Server安装教程(三)上
运维·服务器·数据库·程序人生·自动化
爱可生开源社区6 小时前
SQLShift 重磅更新:支持 SQL Server 存储过程转换至 GaussDB!
数据库
贾修行6 小时前
SQL Server 空间函数从入门到精通:原理、实战与多数据库性能对比
数据库·sqlserver
傲祥Ax6 小时前
Redis总结
数据库·redis·redis重点总结