Django SimpleUI 自定義

本文章向大家介紹Django SimpleUI 自定義，主要包括Django SimpleUI 自定義使用實例、應用技巧、基本知識點總結和需要注意事項，具有一定的參考價值，需要的朋友可以參考一下。

 

一.安裝配置

# 安裝simpleui

pip install django-simpleui


# settings.py
# 將 simple 注冊到 INSTALLED_APPS (放在第一行)

INSTALLED_APPS = [
    'simpleui', # 注意所放位置
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app'
]

測試是否配置成功, 啟動項目(python manage.py runserver),

然后訪問127.0.0.1:8000/admin.

看到下面頁面表示成功了.

 二.自定義simpleui后台

 1.logo和管理后台名稱

修改settings.py 

 # 更改默認語言為中文
 LANGUAGE_CODE = 'zh-hans'

# 換成自己Logo鏈接
 SIMPLEUI_LOGO ='https://tvax1.sinaimg.cn/mw1024/9d52c073gy1gq1qmu0t2yj21sc2dse81.jpg'

 更改管理后台名稱

# app/admin.py

admin.site.site_header = '小白龍沖沖沖'  
admin.site.site_title = '小白龍'  
admin.site.index_title = '3'

去掉右側多余部分

# settings.py

SIMPLEUI_HOME_INFO = False

去掉后:

2.自定義導航欄列表名稱

修改settings.py, 添加如下代碼：

 SIMPLEUI_CONFIG = {
      # 是否使用系統默認菜單，自定義菜單時建議關閉。
     'system_keep': False,
     
      # 用於菜單排序和過濾, 不填此字段為默認排序和全部顯示。空列表[] 為全部不顯示.
     'menu_display': ['1任務管理', '2權限認證'],
     
     # 設置是否開啟動態菜單, 默認為False. 如果開啟, 則會在每次用戶登陸時刷新展示菜單內容。
     # 一般建議關閉。
     'dynamic': False,
     'menus': [
        {
             'app': 'auth',
             'name': '2權限認證',
             'icon': 'fas fa-user-shield',
             'models': [
                {
                 'name': '用戶列表',
                 'icon': 'fa fa-user',
                 'url': 'auth/user/'
                },
                {
                     'name': '用戶組',
                     'icon': 'fa fa-th-list',
                     'url': 'auth/group/'
                }
            ]
        },
 
        {
             'name': '1任務管理',
             'icon': 'fa fa-th-list',
             'models': [
                {
                 'name': '任務列表',
                 # 注意url按'/admin/應用名小寫/模型名小寫/'命名。 
                 'url': '/admin/tasks/task/',
                 'icon': 'fa fa-tasks'
                },
            ]
        },
    ]
 }

 .......

這些都是最基本的一些修改, 更多的是更具具體的需求做合適的修改,后期再來補充.

 參考官方文檔: https://simpleui.72wo.com/docs/simpleui/

原文地址：https://www.cnblogs.com/zhuyalong/p/14902694.html