14 simpleui的使用（后台管理）

目前寫的項目的接口，都是主站，給用戶看的，用的
后台管理：
   -原生的admin，不需要寫太多頁面，自動生成，頁面丑陋
   -對原生admin的美化：xadmin，國外，simpleui
   -django-vue-admin：前后端分離版后台管理

 

simple ui的使用（參考官網）https://simpleui.72wo.com/docs/simpleui/QUICK.html#%E7%9B%AE%E5%BD%95

1.安裝

pip install django-simpleui

2.創建一個django項目（如果您已經有存在的項目，可以忽略這一步）

3.修改默認后台模板為simpleui

   我們只需要在項目中的settings.py文件中加入一行simpleui即可。

   舉個例子🌰：

 # Application definition

  INSTALLED_APPS = [
      'simpleui',
      'django.contrib.admin',
      'django.contrib.auth',
      'django.contrib.contenttypes',
      'django.contrib.sessions',
      'django.contrib.messages',
      'django.contrib.staticfiles',
      ...
  ]

如果關閉debug模式后,會出現靜態資源無法訪問

1.自定義菜單（左邊側邊欄）

    -#### 3 在配置文件中寫（settings.py——dev.py）
    ## simpleui的配置
import time
SIMPLEUI_CONFIG = {
    'system_keep': False,
    'menu_display': ['我的項目', '權限認證','主頁',],      # 開啟排序和過濾功能, 不填此字段為默認排序和全部顯示, 空列表[] 為全部不顯示.
    'dynamic': True,    # 設置是否開啟動態菜單, 默認為False. 如果開啟, 則會在每次用戶登陸時動態展示菜單內容
    'menus': [
        {
        'name': '我的項目',
        'icon': 'fab fa-apple',
        'url': '/backend/'  # 咱們用自己的
    },
        {
        'app': 'auth',
        'name': '權限認證',
        'icon': 'fas fa-user-shield',
        'models': [
            {
            'name': '用戶',
            'icon': 'fa fa-user',
            'url': 'auth/user/'
        },
            {
            'name': '組',
            'icon': 'fa fa-user',
            'url': 'auth/group/'
        },
            {
                'name': '權限',
                'icon': 'fa fa-user',
                'url': 'auth/permission/'
            }
        ]
    },
        {
            'app': 'home',
            'name': '主頁',
            'icon': 'fas fa-user-shield',
            'models': [
                {
                    'name': '輪播圖',
                    'icon': 'fa fa-user',
                    'url': 'home/banner/'
                },

            ]
        },
 ]
}

2.監控大屏

到gitee上拉，搜索監控大屏，凱文童鞋丶/大數據可視化大屏電子沙盤合集——監控小區，clone下載下來，將Index.html拷貝到template文件夾，樣式css,js等拷貝到static文件夾下

 

 配置完，將href=修改為href="/static/，src修改為src="/static/

如：<li><span><img src="/static/img/icon_weather/0.png">&nbsp;</span>多雲</li>

配置settings/dev.py  下的static

STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static')
]

user/views.py

from django.shortcuts import render

# Create your views here.

def home(request):
    return render(request,"index.html")

此時，訪問http://127.0.0.1:8000/admin/#/backend/，可出現監控大屏

3.一行數據，顯示哪些字段+添加按鈕

#admin.py中配置

@admin.register(models.Banner)
class EmployeAdmin(admin.ModelAdmin):
# 一行數據顯示哪些字段
    list_display = ('id', 'title', 'link', 'is_show')

    # 增加自定義按鈕
    actions = ['make_copy']
    def make_copy(self, request, queryset):
        # 點擊觸發它
        # queryset：選中的數據
        # request 請求對象
        print(queryset)

    make_copy.short_description = '我叫按鈕'
    make_copy.confirm = '你是否執意要點擊這個按鈕？'

 

 

4.關閉登錄頁面的粒子動畫

在項目的settings.py中加入

# SIMPLEUI_LOGIN_PARTICLES = False
SIMPLEUI_HOME_INFO = False