一、大数据性能监测平台
使用技术:vue2.0,element-ui,vuex,Vue-router,echarts,axios
项目介绍:用于实时监测设备性能的数据可视化平台,贯穿vue组件化开发和各类echarts图表
负责模块:
1.三方登录,运用路由拦截处理登录状态。
2.axios二次封装,定义全局请求方法;设置请求拦截与响应拦截,处理请求头和返回值。
3.echarts图表二次封装,要实现后端数据和前端图表的通用性和一致性,包含各类统计视图;重写echarts的render函数实现分类柱状图。
4.动态权限,保证不同角色登录后的功能分别展示,以及个人中心申请、审批权限的开发。
5.element二次封装,表格添加批量编辑、筛选等功能,重写模态框样式等。
二、设备商城
使用技术:vue2.0,tiny-ui,vuex,web-worker,websocket
项目介绍:功能齐全的大型商城,包含详情、对比、高级筛选、商品管理等功能
负责模块:
1.购物车、商品对比:全局状态管理,运用Vuex实现状态共享,所有商品页均可操作购物车和对比。
2.大量运算在前端进行,为用户良好体验使用vue-worker开启浏览器异步线程,不阻塞网页浏览。
3.商品自定义分组:多次分组支持回溯,前端类树结构实现,优化查询性能。
4.高级筛选模块:大量复选框、表单嵌套,实现多级条件筛选,查询与首页联动。
5.个人中心的订单管理、收藏管理和商品评价功能;商品详情页懒加载功能
三、金融后台管理系统
使用技术:vue3.0,element-plus,echarts
项目介绍:网站数据统计分析、用户信息管理系统
负责模块:
1.首页使用canvas(three.js)搭建,实现动态背景图。
2.图片上传和下载:上传状态实时更新,可批量上传或下载。
3.大量表格和表单分页、懒加载实现,excel、word导出。
4.动态生成echarts,实时更新,图表支持点击和联动,适配移动端,实现响应式布局。
5.webpack打包优化和history路由适配、nginx代理等上线前配置