Django-simpleUI
django-amdin控制界面自由定义布局处理（借用图片展示效果）
核心目标是自定义布局控制界面在django-simpleUI中呈现
pingendo工具进行Bootstrap前端开发排版布局
**boostrap免费模板https://sc.chinaz.com/tag_moban/bootstrap.html**
- INSTALLED_APPS 设置
- STATICFILES_DIRS 增加静态配置文件地址
- SIMPLEUI_HOME_PAGE = ‘/pyechart/index/’ 修改首页设置, 指向新创建的控制面板
- SIMPLEUI_CONFIG 自定义simpleui 菜单
- urls 项目URLS配置
urlpatterns = [
url(r'doc/', include('django.contrib.admindocs.urls'), name='doc'),
path(r'', admin.site.urls),
path(r'pyechart/', include('pyechart.urls')),
]
## 第一步 创建项目
第二步 创建APP
python manage.py startapp background
第三步 修改setting.py修改以下几处
ALLOWED_HOSTS = ['*', ]
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',
'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_CONFIG = {
'system_keep': True,
'menu_display': ['文章管理', '任务管理','综合管理','财务管理','多级菜单测试','测试','认证和授权'],
'dynamic': False,
'menus': [
{
'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 = [
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"),
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)
第五步 创建static目录
将simpleui静态文件静态文件克隆到根目录
python manage.py collectstatic
第六步 重新迁移同步
python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
第七步 启动项目
python manage.py runserver 0.0.0.0:9990
Original: https://blog.csdn.net/m0_37411645/article/details/121512486
Author: 南山丁小白
Title: Django-simpleUI(Django-admin)后台美化
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/734786/
转载文章受原作者版权保护。转载请注明原作者出处！