zoukankan      html  css  js  c++  java
  • 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'
                    },
                ]
            },
        ]
     }

     

    3.自定义首页

    首页比较常见的就是图表形式的数据展示,比如会员总数量,卖出商品,利润等一系列的图表.

    1.首先我们要去掉首页的 "快捷操作" 和 "最近动作" 

    # settings.py

    SIMPLEUI_HOME_QUICK = FALSE #去掉"快捷动作"
    SIMPLEUI_HOME_ACTION = FALSE # 去掉"最近动作"

    2.

    这些都是最基本的一些修改, 更多的是更具具体的需求做合适的修改,后期再来补充.

     参考:

    官方文档: https://simpleui.72wo.com/docs/simpleui/

  • 相关阅读:
    ecplise maven springmvc工程搭建
    【转载】钩子函数与回调函数
    【转载】Vue项目中的文件/文件夹命名规范
    联想本win10 virtualbox 安装centos
    【vue】router-link 与 router-view
    【vue】import的使用
    【vue】父组件主动调用子组件 /// 非父子组件传值
    【vue】vue组件的自定义事件
    修改MongoDB密码
    用du查看文件详情
  • 原文地址:https://www.cnblogs.com/zhuyalong/p/14902694.html
Copyright © 2011-2022 走看看