项目名称:接口管理平台
相关技术:
1、利用 Vue +Vue CLI + Vue Router + axios 构建前端开发环境和代码目录。
2、利用 Vuex 对数据做状态管理;利用 router.beforeEach 和 router.afterEach 做路由守卫。
3、利用 style-resources-loader 给项目添加 style 样式资源处理器,导入一些公共样式文件。
4、利用 mixins 分发组件中可复用性功能,比如分页处理、表格数据请求等。
5、按照 Element-Ui 1.0组件规范开发项目①通用纯组件,比如基本信息展示组件、表格筛选组件等;②具体业
务组件,比如动态生成表单组件、树形穿梭框组件、审批流程图组件等。在系统中均有体现。
6、利用 axios 做接口超时处理,利用 axios 的 interceptors 拦截器对 post、get 请求做拦截处理。
7、使用 Promise、async 函数处理异步操作。
8、新建多个 .env 文件,给项目添加多个环境变量,对不同的客户,用不同的命令生成相对应的打包文件,并利用
proxy 属性做本地接口代理配置。
9、利用 Echarts 实现报表、系统运行监控、业务运行监控等可视化部分,主要包含折线图、柱状图等。
10、缩减页面体积、加快加载速度及优化用户体验 。