1--CRA开发部数据可视化大屏
基于 Vue、Datav、Echart 框架的 " 数据大屏项目 ",通过 Vue 组件实现数据动态刷新渲染,内部图表可实现自由替换,
部分图表使用 DataV 自带组件,可进行更改,所有的 ECharts 图表都是封装组件创建的,已经对数据和屏幕改动进
行了监听,能够动态渲染图表数据和大小。同时在监听窗口小大的模块,使用了防抖函数来控制更新频率,节约浏览器
性能。使用 mixins 注入,自定义多种函数方法,实时解决包括图表自适应适配等问题,使用axios进行函数封装,动态设置请求参数以及响应数据及多种响应情况的处理;
2--E企研人员与项目管理平台
主框架为react,工程构建+路由处理使用UMIJS,状态管理使用DVA,以及使用第三方组件库antdesign以及echartJs
图表库;主要业务处理包括:①登录架构设计--包括接口模块封装、请求动作封装、token处理方案以及登录鉴权方案,
② layout架构--包括主被动登出、动态路由表处理、联动处理等,③ 数据注入导出 -- 主要包括图片文件上传处理方案、
前端流数据处理方案以及图形化数据解析渲染,④ 权限分控--主要有权限处理、动态权限获取、页面权限处理方案以及
功能权限处理方案;⑤表格处理--动态表格处理方案、排序及分页表格处理。同时进行打包优化处理,协助实现最优的
项目部署优化。
3--投融资风险管理系统
使用vue框架,搭配使用vue-element-admin后台集成解决方案,使用vue-admin-template基础模板,同时搭配
elementUI组件库进行页面开发,主要使用到layout布局、Container布局容器、color色彩、Table表格、Skeleton
骨架屏、select选择器、upload上传、form表单、Message信息提示等多种组件进行页面布局设计;使用css3、jQuery
以及animate和swiper实现页面动画以及部分交互操作;使用axios进行函数封装,动态设置请求参数以及响应数据的处理
同时灵活封装各种后端接口,提高接口调用实现页面数据渲染的效率;使用mock.js进行数据模拟,实行前后端分离开发,
提高开发效率;使用echarts实现页面多种可视化图表的展现;使用webpack将前端代码进行打包交付后端进行项目测试,
并在测试环境以及项目投产进行技术支持