欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Django 2.0 admin后台管理界面修改和添加富文本编辑器

程序员文章站 2022-07-02 16:29:45
1.文件路径: 2.修改登录界面名称: 显示如图: 3.修改后台界面样式: 4.Django 后台中文和时区配置: 5.Django修改app在Admin后台显示的名称: 显示如图: 6.添加富文本编辑器: ......

1.文件路径:

例如Python环境在F盘:
F:\My\django\env\Lib\site-packages\django\contrib\admin\templates\admin\

 

2.修改登录界面名称:

初始Django登录面:
F:\My\django\env\Lib\site-packages\django\contrib\admin\templates\admin\base_site.html

修改base_site.html相关名称:
{% extends "admin/base.html" %}

{% block title %} 欢迎进入 | xxx环保科技官网管理后台{% endblock %}

{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">xxxx环保科技官网管理后台</a></h1>
{% endblock %}

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

显示如图:

Django 2.0 admin后台管理界面修改和添加富文本编辑器

3.修改后台界面样式:

样式文件路径:
F:\My\django\env\Lib\site-packages\django\contrib\admin\static\admin\css\base.css

 

4.Django 后台中文和时区配置:

在settings.py中:
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'

 

5.Django修改app在Admin后台显示的名称:

在F:\project\yxhb\app\apps.py文件中添加:

class AppConfig(AppConfig):
name = 'app'
verbose_name = "官网管理后台"

在F:\project\yxhb\app\__init__.py初始化:

default_app_config = 'app.apps.AppConfig'

显示如图:

Django 2.0 admin后台管理界面修改和添加富文本编辑器

6.添加富文本编辑器:

安装django-ckeditor:
pip install django-ckeditor 在Django的settings配置中加入: INSTALLED_APPS = [ 'ckeditor', 'ckeditor_uploader'] 确保media路径配置好,ckeditor的上传路径在media下,我的配置也是就在media/upload中 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') CKEDITOR_UPLOAD_PATH = 'images/' 增加urls,即为ckeditor设置url: urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'ckeditor/', include('ckeditor_uploader.urls')) ] 使用新数据类型,在models添加: from django.db import models from ckeditor_uploader.fields import RichTextUploadingField class Post(models.Model): content = RichTextUploadingField(null=True, blank=True)