Element後台管理的整體布局

2022-07-08 03:18:11 字數 698 閱讀 2474

目錄

布局的話主要採用的是左右側分開布局

主要是在實現多端的時候,頁面不會發生變形,基本的模板不會有改變

左側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工具包中...