金鯉小店后臺(tái)管理系統(tǒng)(PC端)
項(xiàng)目介紹:為金鯉打造可對角色管理、用戶管理、商品管理、訂單管理等功能的管理后臺(tái)
技 術(shù) 棧:Vue、Sass、Vue-Router、Vuex、Axios、Element-UI、Dayjs
項(xiàng)目職責(zé) :
1. 對Axios配置公共參數(shù),interceptors設(shè)置攔截器
2. beforeEach全局導(dǎo)航路由守衛(wèi)攔截,登錄鑒權(quán)獲取用戶信息存入Vuex保存
3. 設(shè)計(jì)動(dòng)態(tài)路由信息,并使用用戶信息進(jìn)行過濾,addRouter生成動(dòng)態(tài)路由
4. 定義側(cè)邊欄數(shù)據(jù)格式,使用Vuex Modules模塊拆分,使用路由信息生成動(dòng)態(tài)側(cè)邊欄
5. Echarts可視化圖標(biāo),繪制餅圖、折線圖,讓用戶對數(shù)據(jù)更加直觀、清晰
6. 使用El-table組件,渲染數(shù)據(jù)表格
7. 使用El-tree樹控組件,對角色權(quán)限管理
8. Mixin對重復(fù)邏輯進(jìn)行封裝,優(yōu)化代碼體積
9. Ajax輪詢,每隔一段時(shí)間發(fā)起請求獲取最新動(dòng)態(tài)數(shù)據(jù)
10. 根據(jù)項(xiàng)目需求進(jìn)行維護(hù),定位、修改測試提出的BUG