Vue3.0 Element-Plus admin 跺讯,外包神器,高效開發(fā)殉农。
先上源碼地址:https://github.com/1240235512/vue3
開發(fā)文檔地址:https://gmingchen.github.io/vue3-element-plus-admin-doc/
vue3主要目的在于學(xué)習(xí)vue3+ts,功能還未很完善,目前只有基礎(chǔ)的RBAC權(quán)限控制,后續(xù)會(huì)持續(xù)迭代更新刀脏。
vue3是一個(gè)管理后臺(tái)基礎(chǔ)功能框架,基于vue3超凳、element-plus和typescript實(shí)現(xiàn)愈污。內(nèi)置了 i18n 國(guó)際化耀态,動(dòng)態(tài)路由,權(quán)限驗(yàn)證暂雹。
默認(rèn) master 分支默認(rèn)使用 composition-api 首装,若需要 class 風(fēng)格請(qǐng)使用class-style分支,但它不會(huì)和 master 保持同步更新
vue3-src
├─api 接口模塊
│
├─assets 靜態(tài)資源模塊
│? ├─icon svg圖標(biāo)
│? ├─images 圖片
│? └─sass 樣式
│
├─components 全局組件模塊
│? └─svg-icon svg圖標(biāo)組件
│
├─directive 全局自定義指令
│
├─element element-plus按需加載
│
├─mixins 代碼復(fù)用 (vue2混入)
│? ├─instance element的$message杭跪、$confirm仙逻、$loading可進(jìn)行補(bǔ)充
│? └─page 分頁(yè)
│
├─router 動(dòng)態(tài)路由
│
├─store vuex
│? ├─modules
│? │? ├─menu 菜單模塊
│? │? ├─setting 設(shè)置模塊
│? │? ├─tab 標(biāo)簽頁(yè)模塊
│? │? └─user 用戶登錄信息模塊
│? └─index 動(dòng)態(tài)加載模塊
│
├─types typescript接口
│
├─utils 工具模塊
│? ├─constants 常量
│? ├─index 工具
│? ├─regular 正則
│? ├─request axios二次封裝
│? └─storage 本地緩存工具
│
├─views 視圖模塊
│? ├─components
│? │? ├─iframe iframe組件用于加載其他頁(yè)面
│? │? ├─language 國(guó)際化設(shè)置組件
│? │? └─page 分頁(yè)組件
│? ├─global
│? │? ├─401 401頁(yè)面
│? │? ├─404 404頁(yè)面
│? │? └─login 登錄頁(yè)面
│? ├─layout
│? │? ├─components
│? │? │? ├─edit-info 修改信息
│? │? │? ├─headbar 頂部導(dǎo)航
│? │? │? ├─sidebar 側(cè)邊欄
│? │? │? └─tabsbar 標(biāo)簽頁(yè)
│? │? └─index 布局入口頁(yè)面
│? └─modules 頁(yè)面模塊
如果覺(jué)的還湊活,就給個(gè)小星星吧涧尿!