转载:https://mp.weixin.qq.com/s/_HKXaea1entAf9guNRsv4A
django 自带的后台使用简单,但是界面不太美观,可以使用SimpleUI更新后台管理
1、安装
pip install django-simpleui
2、修改settings.py,
1、向INSTALLED_APPS添加simpleui
1 2 3 4 5 6 7 8 9 | INSTALLED_APPS = [ 'simpleui' , 'django.contrib.admin' , 'django.contrib.auth' , 'django.contrib.contenttypes' , 'django.contrib.sessions' , 'django.contrib.messages' , 'django.contrib.staticfiles' , ] |
2、配置静态文件存储路径
1 2 | STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static' ) |
3、查看是否安装成功
创建数据库等
python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
python manage.py runserver
命令启动本地测试服务器, 访问/admin/
(注意:在生产环境重视使用,需要将静态文件下载到本地服务器,python manage.py collectstatic
命令收集静态文件,否则样式无法正常显示。静态文件如下)
4、设置LOGO,语言和后台名字
1、 LANGUAGE_CODE = 'zh-hans' #更改默认语言为中文
2、 将系统的logo替换成为自己的logo
3、管理后台的名称和标题需要在任意app下的admin.py中替换自己的名称和标题
新建一个tasks:python manage,py startapp tasks,settings.py中向INSTALLED_APPS添加tasks
tasks中model.py中新建模型
class Task(models.Model):
id = models.IntegerField(primary_key=True)
name = models.CharField(max_length=100)
在tasks/admin..py中
admin.site.site_header = "SimpleUI后台管理"
admin.site.site_title = "SimpleUI标题"
admin.site.index_title = "SimpleUI-Index"
Task将添加后台中 admin.site.register(Task)
上图中新建的app:tasks菜单和快捷操作中显示英文
解决:菜单英文
在tasks中apps,py中添加verbose_name
class TasksConfig(AppConfig):
default_auto_field = 'django.db.models.BigAutoField'
name = 'tasks'
verbose_name="任务管理"
解决:快捷操作中英文
在tasks中models,py中添加verbose_name
class Task(models.Model): id = models.IntegerField(primary_key=True) name = models.CharField(max_length=100) class Meta: verbose_name = "任务" verbose_name_plural = "任务" def __str__(self): return self.name
注意:实际开发中使用的是第三方应用app和第三方app提供的模型,可以通过打补丁方式来更改第三方app或模型以及模型字段的verbose_name
或者label
,将其修改成中文
from third_package.models import ModelA ModelA._meta.verbose_name = '' ModelA._meta.verbose_name_plural = '' ModelA._meta.get_field('first_name').verbose_name = '名字'
5、关闭右侧广告链接和使用分析和隐藏首页的快捷操作和最近动作
修改settings.py
# 隐藏右侧SimpleUI广告链接和使用分析
SIMPLEUI_HOME_INFO = False
SIMPLEUI_ANALYSIS = False
# 隐藏首页的快捷操作和最近动作
SIMPLEUI_HOME_QUICK = False
SIMPLEUI_HOME_ACTION = False
6、设置默认主题
SimpleUI默认主题(default)是深蓝色的,通过右上角下拉菜单改变主题,也可以在settings.py
中设置默认主题
# 设置默认主题,指向主题css文件名。Admin Lte风格
SIMPLEUI_DEFAULT_THEME = 'admin.lte.css'
# 设置默认主题,指向主题css文件名。Element-ui风格
SIMPLEUI_DEFAULT_THEME = 'light.css'
# 设置默认主题,指向主题css文件名。layui风格
SIMPLEUI_DEFAULT_THEME = 'light.css'
# 设置默认主题,指向主题css文件名。紫色风格
SIMPLEUI_DEFAULT_THEME = 'purple.css'
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
· 全程使用 AI 从 0 到 1 写了个小工具