项目使用vue-cli搭建,配合vuex,vue-router,Antd-vue框架完成需求的开发。
根据实际项目需求,对Antd-vue组件进行二次封装
1. mune组件进行封装,使用递归返回多层嵌套的menu-item,来完成多级路由的跳转。
2.对message提示框进行封装,可以灵活的提示不同的信息。
3.多次用到分页,对分页进行了组件封装,可传入页数、每页条数、总条数等参数。
数据请求使用axios,使用async和await同步请求接口、自定义axios设置过期时间,对其进行封装,添加统一的请求和响应拦截。
使用动态路由,根据后端返回的路由信息,通过addRoutes添加路由,生成动态路由列表。
引入Echarts,使用$nextTick()回调获取节点,实现折线图,柱状图。