Django-simpleUI(Django-admin)后台美化

Django-simpleUI(Django-admin)后台美化 Django-simpleUI

django-amdin控制界面自由定义布局处理（借用图片展示效果）

核心目标是自定义布局控制界面在django-simpleUI中呈现
pingendo工具进行Bootstrap前端开发排版布局
**boostrap免费模板https://sc.chinaz.com/tag_moban/bootstrap.html**

1. INSTALLED_APPS 设置
2. STATICFILES_DIRS 增加静态配置文件地址
3. SIMPLEUI_HOME_PAGE = ‘/pyechart/index/’ 修改首页设置, 指向新创建的控制面板
4. SIMPLEUI_ConFIG 自定义simpleui 菜单
5. urls 项目URLS配置

urlpatterns = [
              # 配置admindoc
              url(r'doc/', include('django.contrib.admindocs.urls'), name='doc'),
              path(r'', admin.site.urls),
              #
              path(r'pyechart/', include('pyechart.urls')),
]

## 第一步 创建项目

```python
django-admin startproject demo

第二步 创建APP

python manage.py startapp background

第三步 修改setting.py修改以下几处

ALLOWED_HOSTS = ['*', ]

#Application definition
INSTALLED_APPS = [
    'simpleui',
    'tasks',
    'pyechart',
    'import_export',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.admindocs',
    # 'demo.apps.DemoConfig',
    # 注册自己的app
    'article',
    'demo',
    'finance',
    'rate',
    'mdeditor',
]

#数据库在项目中的settings.py文件中配置

DATAbaseS = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'mysql',
        'USER':'root',
        'PASSWORD':'admin',
        'HOST':'127.0.0.1',
        'PORT':'3306',
    'OPTIONS': {
            "init_command": "SET foreign_key_checks = 0;",
        },
    }
}

（2）增加静态配置文件地址

#增加静态配置文件地址
STATICFILES_DIRS = [
        'C:/Users/LENOVO/Desktop/simpleui_demo/moban_base/static',
        os.path.join(base_DIR, "blog/static")
]

（3）# 修改首页设置, 指向新创建的控制面板

SIMPLEUI_HOME_PAGE = '/pyechart/index/'
SIMPLEUI_HOME_TITLE = '控制面板'
SIMPLEUI_HOME_ICON = 'fa fa-eye'

（4） 自定义simpleui 菜单

#自定义simpleui 菜单
SIMPLEUI_ConFIG = {
    # 在自定义菜单的基础上保留系统模块
    'system_keep': True,
    # 用于菜单排序和过滤, 不填此字段为默认排序和全部显示。空列表[] 为全部不显示.
    'menu_display': ['文章管理', '任务管理','综合管理','财务管理','多级菜单测试','测试','认证和授权'],
    # 设置是否开启动态菜单, 默认为False. 如果开启, 则会在每次用户登陆时刷新展示菜单内容。
    # 一般建议关闭。
    'dynamic': False,
    'menus': [
            {# 自2021.02.01+ 支持多级菜单，models 为子菜单名，理论上可以无限级
            'name': '多级菜单测试',
            'icon': 'fa fa-file',
            'models': [{
                'name': 'Baidu',
                'icon': 'far fa-surprise',
                'models': [
                    {
                        'name': '爱奇艺',
                        'url':'/indexs_path'
                    }, {
                        'name': '百度问',
                        'url': '/tables_path'
                    },
                    {
                        'name': '图视图',
                        'url': '/forms_path'

                    }
                ]
            }, {
                'name': 'Google',
                'icon': 'far fa-surprise',
                'models': [{
                    'name': 'Youtube',
                    'icon': 'far fa-surprise'
                }, {
                    'name': 'Gmail',
                    'icon': 'far fa-surprise'
                }, {
                    'name': 'Search',
                    'url': 'https://www.baidu.com/'
                }]
            }]
        },
        {
        'name': '测试',
        'icon': 'fa fa-file',
        'models': [{
            'name': 'Baidu',
            'url': 'http://baidu.com',
            'icon': 'far fa-surprise'
        }, {
            'name': '内网穿透',
            'url': 'https://www.wezoz.com',
            'icon': 'fab fa-github'
        }, {
            'name': '内网穿透',
            'url': 'https://www.wezoz.com',
            'icon': 'fab fa-github'
        }]
    }]
}

第四步 项目URLS配置

from django.conf import settings
from django.conf.urls import url
from django.conf.urls.static import static
from django.contrib import admin
from django.urls import path,re_path, include
from pyechart.views import IndexViews,tablesViews,formsViews
from blog.views import *

admin.site.site_title = '管理后台'
admin.site.site_header = '员工管理后台'

urlpatterns = [
              # 配置admindoc
              url(r'doc/', include('django.contrib.admindocs.urls'), name='doc'),
              path(r'', admin.site.urls),
              path(r'tasks/', include('tasks.urls')),
              path(r'pyechart/', include('pyechart.urls')),
              path(r'indexs_path/',IndexViews, name = "charts"),
              path(r'forms_path/',formsViews,name = "forms"),
              path(r'tables_path/',tablesViews,name = "tables"),
              # path(r"blog/",include('blog.urls')),
              url(r'^blogs/$',get_blogs),
              url(r'^detail/(d+)/$',get_details ,name='blog_get_detail'),
              url(r'mdeditor/', include('mdeditor.urls')),
          ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

# ===============后台管理路由================
# urlpatterns.extend([
#     path('admin/', admin.site.urls),
# ])

第五步 创建static目录

将simpleui静态文件静态文件克隆到根目录

python manage.py collectstatic

第六步 重新迁移同步

python manage.py makemigrations  
#从新迁徙django-simpleui 的用户表,即在mysql中常见所需的表
python manage.py migrate         
#从新迁徙django-simpleui 的用户表,即在mysql中常见所需的表
python manage.py createsuperuser  
# *** 作(创建超级用户）根据提示创建后台的登录用户

第七步 启动项目

python manage.py runserver 0.0.0.0:9990  #启动django项目