目錄
二、文檔結構
?src文件夾：
三、技術和插件
1、Vue router
2、element-ui框架
3、樣式插件less
4、vuex狀態管理
5、axios.js
6、mock.js模擬數據
7、echarts圖表工具
四、項目效果展示
總結
一、項目介紹
????????通用后臺管理是采用vue2+cli開發的項目，通過mock模擬后端數據，前端完成數據的渲染。本項目使用vue router實現各個頁面的路由跳轉，采用vuex狀態管理器管理各個頁面之間的數據傳遞問題，采用axios技術發出請求和接收請求。
二、文檔結構
?src文件夾：
-
assests：存放圖片資源
-
components：通用組件，比如左側導航菜單組件，header組件等
-
router：路由管理
-
views：存放頁面組件
-
store：為處理組件之間的通信問題，異步處理問題，引入Vuex
-
utlis：存放工具，比如axios封裝請求
-
api：存放后端的接口
三、技術和插件
1、Vue router
官網：安裝 | Vue Router
官網：Vue Router | Vue.js 的官方路由
2、element-ui框架
element2官網：Element - The world's most popular Vue UI framework
element3官網：一個 Vue 3 UI 框架 | Element Plus
3、樣式插件less
官方文檔：Less 快速入門 | Less.js 中文文檔 - Less 中文網
4、vuex狀態管理
官網：Vuex 是什么？ | Vuex
5、axios.js
官網文檔：Axios.JS 中文文檔
6、mock.js模擬數據
官網文檔：Axios.JS 中文文檔
7、echarts圖表工具
官方文檔：Apache ECharts
四、項目效果展示
1、登錄頁面：
2、管理員身份
管理員賬號：admin
密碼：123
首頁：
用戶管理界面
新增用戶：
編輯用戶：
3、普通用戶身份
普通用戶賬號：abc
密碼：111
首頁：
總結
? ? ? ? 以上就是通用后臺管理的項目介紹以及技術介紹。
