後臺管理

後臺管理數據展現

一、先後端不分離的項目 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 移動端的話 推薦你們使用這個