Django之入门 CMDB系统 (五) 前后端分离之前端Django之入门 CMDB系统 (五) 前后端分离之前端

作者: 何全，github地址: https://github.com/hequan2017 QQ交流群: 620176501 通过此教程完成从零入门，能够独立编写一个简单的CMDB系统。 目前主流的方法开发方式，分为2种：mvc 和 mvvc方式。本教程为 mvvc(前后端分离)的入门教程。 教程项目地址: https://github.com/hequan2017/panda/ 教程文档地址: https://github.com/hequan2017/pandaAdmin

架构框架选择

vue (入门简单，自学可以跟着官网例子入门)

d2Admin (基于element,样式外观好看，例子较多)

开发工具

vs code

相较于react, vue入门更简单，基于模板语法，适合从mvc方式 循序渐进到 mvvc方式。 模板选择为 基于element的模板. iview现在已经转为收费方式，不太适合个人开发者练习使用。antd vue版本 没有合适的 admin模板，所以放弃了. vue-element-admin 和 d2admin 差不多，资料文档都非常全。看个人选择。

vue

https://cn.vuejs.org/v2/guide/

axios ajax 发送请求 获取信息

store 获取到的信息保存

router 路由跳转

https://fairyever.com/d2-admin/doc/zh/ #具体模板详细 可以 看这个文档，非常详细

下载基础模板

git clone https://github.com/d2-projects/d2-admin-start-kit

src/modules/d2admin/modules/account.js #主要为 前端登录信息 状态 保存和读取

src/api/sys.login.js # 设置获取 token 和 info

登录token拦截设置 src\plugin\axios\index.js

用户信息调用例子

路由

src/api/sys.login.js

src/asset/index.vue

src/router/routers.js

npm install npm run dev