1、Saber框架簡(jiǎn)介
Saber框架是與BladeX框架匹配的前端框架，是在Vue-cli基礎(chǔ)上，加載了多種組件的一個(gè)框架。
Saber框架的依賴插件：
- axios? ? 0.18.0
- babel-polyfill? ? 6.26.0
- classlist-polyfill? ? 1.2.0
- element-ui? ? 2.15.1
- js-base64? ? 2.5.1
- js-cookie? ? 2.2.0
- mockjs? ? 1.0.1
- node-gyp? ? 5.0.6
- nprogress? ? 0.2.0
- script-loader? ? 0.7.2
- vue? ? 2.6.10
- vue-axios? ? 2.1.2
- vue-i18n? ? 8.7.0
- vue-router? ? 3.0.1
- vuex? ? 3.1.1
2、Saber安裝環(huán)境
3、Saber框架結(jié)構(gòu)
- docker
- nginx.k8s.conf
- node_modules
用于存放已經(jīng)導(dǎo)入的依賴的模塊，類似Java的lib
- public
- cdn
存放avue, axios, element-ui等插件的.js文件
- img
存放系統(tǒng)功能的各類圖片，例如404圖片、logo圖片等
- svg
- util
適配各類瀏覽器的.js文件
- favicon.png
web頁(yè)面圖標(biāo)
- index.html
- src（核心）
- api
和后端bladeX框架交互的api函數(shù)
- components
存放系統(tǒng)常用組件
- config
業(yè)務(wù)全局配置文件
- const
存放靜態(tài)信息
- docker
- lang
存放長(zhǎng)字符串、國(guó)際化內(nèi)容
- mixins
- mock
- page
存放業(yè)務(wù)頁(yè)面組件
- router
存放業(yè)務(wù)路由表、系統(tǒng)配置路由表
- store
- style
存放CSS樣式
- util
存放工具類函數(shù)
- views
存放示例組件
- views
存放展示界面組件
- App.vue
組件入口
- error.js
- main.js
注冊(cè)有關(guān)插件，啟動(dòng)框架
- permission.js
登錄認(rèn)證處理函數(shù)
- .browserslistrc
- .editorconfig
- .eslintrc.js
- .gitignore
- .postcssrc.js
- .babel.config.js
- .build.sh
打包、傳輸、部署文件的sh命令
- .Dockerfile
- .LICENCE
- .package.json
配制框架的依賴，類似Java的pom
- .package-lcok.json
- .vue.config.js
3、Saber框架啟動(dòng)方式
- 安裝插件? ? npm install
- 啟動(dòng)服務(wù)? ? npm sun serve
