1、Saber框架简介
Saber框架是与BladeX框架匹配的前端框架,是在Vue-cli基础上,加载了多种组件的一个框架。
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安装环境
3、Saber框架结构
- docker
- nginx.k8s.conf
- node_modules
用于存放已经导入的依赖的模块,类似Java的lib
- public
- cdn
存放avue, axios, element-ui等插件的.js文件
- img
存放系统功能的各类图片,例如404图片、logo图片等
- svg
- util
适配各类浏览器的.js文件
- favicon.png
web页面图标
- index.html
- src(核心)
- api
和后端bladeX框架交互的api函数
- components
存放系统常用组件
- config
业务全局配置文件
- const
存放静态信息
- docker
- lang
存放长字符串、国际化内容
- mixins
- mock
- page
存放业务页面组件
- router
存放业务路由表、系统配置路由表
- store
- style
存放CSS样式
- util
存放工具类函数
- views
存放示例组件
- views
存放展示界面组件
- App.vue
组件入口
- error.js
- main.js
注册有关插件,启动框架
- permission.js
登录认证处理函数
- .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框架启动方式
- 安装插件 npm install
- 启动服务 npm sun serve