后台管理

后台管理数据展示

1、前后端不分离的项目 xadmin管理使用

1、下载

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

2、在APP中注册，settings.py

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

3、xadmin：需要自己的数据库模型类，完成数据库迁移

python manage.py makemigrations
python manage.py migrate

4、路由替换成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),
]

5、创建超级用户

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

6、完成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)

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

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

8、修改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 = '我的首页'

2、前后端分离项目 vue-element-admin 、iview-admin 

vue-element-admin框架

iview-admin框架

DevOps 平台介绍

3、画图工具

• highcharts 推荐大家使用

• echarts

• antv 移动端的话 推荐大家使用这个