Django SimpleUI 后台主题框架:安装与使用详解

图片[1]-Django SimpleUI 后台主题框架:安装与使用详解-山海云端论坛

简介

SimpleUI 是一个基于 Django 后台管理的主题,旨在美化和简化 Django 内置的后台管理界面。它内置了28款流行的主题,支持快速安装且与原生 Admin 兼容。提供多标签页面,使各个模块更加清晰明了。配置简单,通过在 settings.py 中加入 simpleui 启用后,即可立即生效,极大提升后端开发效率。借助 Element-UI 和 Vue 的支持,使古老的 Django Admin 焕然一新。

安装 SimpleUI 模板

  1. 安装 SimpleUI:pip install simpleui
  2. 在项目的 settings.py 文件中加入以下一行:INSTALLED_APPS = [ 'simpleui', ]
  3. 配置静态文件路径:STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static"), ]
  4. 在项目下新建目录 static
  5. 克隆静态资源到项目的静态目录,然后由 Nginx 处理:python manage.py collectstatic
  6. 启动项目查看效果:python manage.py runserver
  7. 打开浏览器,访问 http://localhost:8000/admin/ 输入用户名/密码登录。
图片[2]-Django SimpleUI 后台主题框架:安装与使用详解-山海云端论坛

基本配置

  • 修改 Logo:SIMPLEUI_LOGO = 'https://avatars2.githubusercontent.com/u/13655483?s=60&v=4'
  • 配置首页模块:SIMPLEUI_HOME_INFO = True # 显示服务器信息 SIMPLEUI_HOME_QUICK = True # 显示快速操作 SIMPLEUI_HOME_ACTION = True # 显示最近动作

使用分析

默认关闭,设置 SIMPLEUI_ANALYSIS = True 可开启统计分析信息。分析数据仅用于改进 SimpleUI,不会读取敏感信息,也不会分享给第三方。

菜单配置

  • 自定义菜单:SIMPLEUI_CONFIG = { 'menus': [ {'name': 'Simpleui', 'icon': 'fas fa-code', 'url': 'https://gitee.com/tompeppa/simpleui'}, {'app': 'auth', 'name': '权限认证', 'icon': 'fas fa-user-shield', 'models': [{'name': '用户', 'icon': 'fa fa-user', 'url': 'auth/user/'}]}, {'name': '测试', 'icon': 'fa fa-file', 'models': [{'name': 'Baidu', 'url': 'http://baidu.com', 'icon': 'far fa-surprise'}, {'name': '菲宇科技', 'url': 'https://www.feiutech.com', 'icon': 'fab fa-github'}]}, {'name': '动态菜单测试', 'icon': 'fa fa-desktop', 'models': [{'name': str(time.time()), 'url': 'http://baidu.com', 'icon': 'far fa-surprise'}]} ] }
  • 默认图标:SIMPLEUI_DEFAULT_ICON = False # 关闭默认图标
  • 自定义图标:SIMPLEUI_ICON = {'系统管理': 'fab fa-apple', '员工管理': 'fas fa-user-tie'}

通过以上配置,你可以定制 SimpleUI 主题,使其更符合项目需求,提升管理界面的美观度和用户体验。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容