后台管理

后台管理数据展现

一、先后端不分离的项目 xadmin管理使用

一、下载

pip install https://codeload.github.com/sshwsfc/xadmin/zip/django2

二、在APP中注册，settings.py

INSTALLED_APPS = [
    # ...
    # xamin主体模块
    'xadmin',
    # 渲染表格模块
    'crispy_forms',
    # 为模型经过版本控制，能够回滚数据
    'reversion',
]

三、xadmin：须要本身的数据库模型类，完成数据库迁移

python manage.py makemigrations
python manage.py migrate

四、路由替换成xadmin，urls.py

# xadmin的依赖
import xadmin
xadmin.autodiscover()
# xversion模块自动注册须要版本控制的 Model
from xadmin.plugins import xversion
xversion.register_models()

urlpatterns = [
    # ...
    path(r'xadmin/', xadmin.site.urls),
]

五、建立超级用户

# 在项目根目录下的终端
python manage.py createsuperuser

六、完成xadmin全局配置，替换admin.py文件为adminx.py

#adminx.py
# xadmin全局配置
import xadmin
from xadmin import views

class GlobalSettings(object):
    """xadmin的全局配置"""
    site_title = "xxx"  # 设置站点标题
    site_footer = "xxx有限公司"  # 设置站点的页脚
    menu_style = "accordion"  # 设置菜单折叠

xadmin.site.register(views.CommAdminView, GlobalSettings)

七、在adminx.py中注册model，adminx.px

from . import models
# 注册同admin注册相同
xadmin.site.register(models.Banner)

八、修改xadmin页面上想显示效果，home/init.py与home/apps.py文件

# home/__init__.py
default_app_config = "home.apps.HomeConfig"

# home/apps.py
from django.apps import AppConfig
class HomeConfig(AppConfig):
    name = 'home'
    verbose_name = '个人首页'

二、先后端分离项目 vue-element-admin 、iview-admin 

vue-element-admin框架

iview-admin框架

DevOps 平台介绍

三、画图工具

• highcharts 推荐你们使用

• echarts

• antv 移动端的话 推荐你们使用这个