目錄
布局的話主要採用的是左右側分開布局
主要是在實現多端的時候,頁面不會發生變形,基本的模板不會有改變
左側aside
側邊欄伸縮比較方便實現
aside
header
main
採用的是包含二級的導航欄,整體相對簡潔
實現單選單開啟,乙個選單開啟其他選單關閉
注意:
選單欄的縮放:主要實現是根據點選事件設定當前的狀態,更改對應的選單欄寬度
動態路由的載入:將axios
獲取到的路由資料中的authname
取出來渲染
//實現側邊欄的收縮
//渲染選單
} //渲染二級選單
}
當跳轉到home
路由的時候,重定向到welcome
元件頁面
const router = new vuerouter(,,]
}]})
關於開發的後台管理系統的整體架構及總結
1.從最初開發的技術棧選取 需求確認。已經針對具體情況的改進,該專案已經完成,下圖是專案的整體架構 2.總結 1.從開發乙個專案開始,首先是要先明確需求 功能。然後根據功能確立合適的架構。專案開發中,明確需求是最主要的,否則在開發中修改會非常影響效率。2.在開發乙個專案時,乙個好的開發環境是提高開發...
關於開發的後台管理系統的整體架構及總結
關於開發的後台管理系統的整體架構及總結。1.從最初開發的技術棧選取 需求確認。已經針對具體情況的改進,該專案已經完成,下圖是專案的整體架構 2.總結 1.從開發乙個專案開始,首先是要先明確需求 功能。然後根據功能確立合適的架構。專案開發中,明確需求是最主要的,否則在開發中修改會非常影響效率。2.在開...
el admin v1 6 發布,後台管理系統
開發四年只會寫業務 分布式高併發都不會還做程式設計師?去除 swaggerconfig 中的 componentscan 註解,讓 swagger 自動掃瞄 controller 登入與選單相關 優化,提高登入速度 修改角色授權的方式,授權更方便 優化 sm.ms 圖床上傳 採用hutool工具包中...