后臺(tái)頁(yè)面目錄結(jié)構(gòu)
DoraCMS 后臺(tái)頁(yè)面是彼此獨(dú)立的,每個(gè)頁(yè)面相當(dāng)于一個(gè)小工程,下面以管理員模塊介紹其目錄結(jié)構(gòu)
adminUser
├── README.md
├── babel.config.js
├── dist (編譯后目錄)
│ ├── favicon.ico
│ ├── index.html
│ └── js
├── package.json
├── postcss.config.js
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.vue (入口文件)
│ ├── api (接口調(diào)用)
│ ├── assets (靜態(tài)資源)
│ ├── components (公共租界)
│ ├── filters (過(guò)濾器)
│ ├── icons (svg小圖標(biāo))
│ ├── lang (國(guó)際化)
│ ├── main.js (入口文件)
│ ├── router (路由)
│ ├── set-public-path.js (single-spa配置)
│ ├── store (redux)
│ ├── styles (樣式)
│ ├── utils (公共方法)
│ └── views (頁(yè)面文件)
└── vue.config.js
公共資源
在 publichMethod 目錄下(backstage -> publicMethod),有必要介紹下各個(gè)文件的功能路徑,這里包含了所有組件都需要引用的一些公共方法,保證每個(gè)組件編譯后,相關(guān)的方法的統(tǒng)一。
publicMethods
├── auth.js (cookie操作)
├── axiosLoading.js (后臺(tái)數(shù)據(jù)加載的loading效果)
├── baseLang (基礎(chǔ)國(guó)際化字典)
├── events.js (頁(yè)面初始化邏輯處理)
├── get-page-title.js (定義工程名稱(chēng))
├── request.js (封裝接口請(qǐng)求方法)
├── sass (公共的樣式)
├── settings.js (統(tǒng)一配置文件)
└── svg (基礎(chǔ)icon)
更多建議: