配置前

菜单栏的菜单顺序无法自定义
图标有的没有
image.png

代码（setting.py中添加）

  1. SIMPLEUI_CONFIG = {
  2.     # 是否使用系统默认菜单，自定义菜单时建议关闭。
  3.     'system_keep': False,
  5.     # 用于菜单排序和过滤, 不填此字段为默认排序和全部显示。空列表[] 为全部不显示.
  6.     'menu_display': ['校园资讯', '论坛系统', '用户管理', '认证和授权'],
  8.     # 设置是否开启动态菜单, 默认为False. 如果开启, 则会在每次用户登陆时刷新展示菜单内容。
  9.     # 一般建议关闭。
  10.     'dynamic': False,
  11.     'menus': [
  12.         {
  13.             'app': 'auth',
  14.             'name': '认证和授权',
  15.             'icon': 'fas fa-user-shield',
  16.             'models': [
  17.                 {
  18.                     'name': '用户列表',
  19.                     'icon': 'fa fa-user',
  20.                     'url': 'auth/user/'
  21.                 },
  22.                 {
  23.                     'name': '用户组',
  24.                     'icon': 'fa fa-th-list',
  25.                     'url': 'auth/group/'
  26.                 }
  27.             ]
  28.         },
  30.         {
  31.             'name': '校园资讯',
  32.             'icon': 'fa fa-th-list',
  33.             'models': [
  34.                 {
  35.                     'name': '校园新闻',
  36.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  37.                     'url': '/admin/campusInfo/news/',
  38.                     'icon': 'fa fa-tasks'
  39.                 },
  40.                 {
  41.                     'name': '学校概况',
  42.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  43.                     'url': '/admin/campusInfo/profileinfo/',
  44.                     'icon': 'fa fa-tasks'
  45.                 },
  46.                 {
  47.                     'name': '社团资讯',
  48.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  49.                     'url': '/admin/campusInfo/community/',
  50.                     'icon': 'fa fa-tasks'
  51.                 }, {
  52.                     'name': '社团管理',
  53.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  54.                     'url': '/admin/campusInfo/communityinfo/',
  55.                     'icon': 'fa fa-tasks'
  56.                 },
  57.             ]
  58.         },
  59.         {
  60.             'name': '论坛系统',
  61.             'icon': 'el-icon-delete-solid',
  62.             'models': [
  63.                 {
  64.                     'name': '论坛话题',
  65.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  66.                     'url': '/admin/forumSystem/invitation/',
  67.                     'icon': 'fa fa-tasks'
  68.                 },
  69.                 {
  70.                     'name': '话题信息',
  71.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  72.                     'url': '/admin/forumSystem/invitationinfo/',
  73.                     'icon': 'fas fa-book-open'
  74.                 },
  75.                 {
  76.                     'name': '用户评论',
  77.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  78.                     'url': '/admin/forumSystem/comment/',
  79.                     'icon': 'fa fa-tasks'
  80.                 }, {
  81.                     'name': '点赞详情',
  82.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  83.                     'url': '/admin/forumSystem/agree/',
  84.                     'icon': 'fa fa-tasks'
  85.                 },
  86.             ]
  87.         },
  88.         {
  89.             'name': '用户管理',
  90.             'icon': 'fa fa-th-list',
  91.             'models': [
  92.                 {
  93.                     'name': '用户账号',
  94.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  95.                     'url': '/admin/forumSystem/user/',
  96.                     'icon': 'fa fa-tasks'
  97.                 },
  98.                 {
  99.                     'name': '用户信息',
  100.                     # 注意url按'/admin/应用名/模型名小写/'命名。
  101.                     'url': '/admin/userRegu/userinfo/',
  102.                     'icon': 'fa fa-tasks'
  103.                 },
  105.             ]
  106.         },
  107.     ]
  108. }

部分图标

fas fa-cog image.png
fa fa-code image.png
far fa-user image.png
fas fa-shield-alt image.png
fas fa-users-cog image.png
fab fa-microsoft image.png
fas fa-info image.png
fas fa-book-open image.png
fa fa-tasks image.png
fa fa-th-list image.png
fas fa-user-shield image.png
fas fa-font image.png
fas fa-expand-arrows-alt image.png
fas fa-home image.png
fas fa-palette image.png

更多图标

Element - The world’s most popular Vue UI framework

效果

image.png

教程来源

Django实战: 手把手教你配置Django SimpleUI打造美丽后台(多图)_大江狗的博客-CSDN博客