熟练掌握 HTML5,CSS3,Es6,jQuery, TypeScript、等技术栈,能够脱离框架进行独立开发
熟练CSS预处理器 Less、Sass、Stylus
熟练掌握vue2/vue3
熟练掌握ElementUI/PLus、VantUI、Ant Design Vue、UNI-UI等前端UI框架的使用在项目中能够对UI框架进行二次封装,具有
一定的经验
熟练掌握Axios、Ajax、Fetch、Postman、Apifox等前后端交互技术以及接口测试工具与接口文档的使用
熟练掌握原生微信小程序开发、熟练使用Uni-app开发微信小程序
熟练掌握数据可视化技术栈,能够基于Echarts、AntV-X6、地图API等技术实现项目中大屏可视化
熟练掌握SVN、Gitlab、Github、Gitee、第三方代码托管平台等工具的使用以及Git工作流,具有基于版本控制的独立开发以及
熟悉Webpack,Vite自动化构建工具
智慧水务后台管理系统是一款集数据采集、分析、处理和管理于一体的后台管理系统,系统主要分为首页管理、检测管
、数据分析管理、用户管理、系统管理等多个管理模块,首页管理直观呈现关键的信息和操作入口,用户管理的基本信息,处理
档案与投诉,和系统权限的把控对于不同的用户分配于不同的权限等
· 主要职责:负责单点登录对接、首页模块、用户管理模块、系统管理模块。完善输入表单验证及抽离全局组件等工作。
· 项目技术栈:Vue3+Ts+ElementPlus+Antv-X6+Axios+vue-cli
· 主要功能点:
1.单点登录对接,利用全局前置守卫routerbeforeEach方法在进入页面前做预处理
2.使遵循RBAC权限思想。实现菜单权限管理,动态路由权限管理,配合vue自定义指令实现细颗粒化按钮权限的校验
3.使用keep-alive缓存不活动的组件实例
4.注册全局自定义属性,根据角色信息控制全局按钮是否禁用
5.完善axios封装方法、新增错误、异常等错误的返回信息
6.使用AntV-X6将水务业务流程可视化,以节点、连线展示水质监测、供水调度流程,各节点呈现关键数据,用户可拖拽、
编辑、查看数据,满足流程变更需求
7.对表单验证/自定义验证对输入数据验证,保证输入数据符合后端标准,使用防抖函数来预防用户多次点击,避免数据重复插入
8.抽离公共组件,提高代码复用性。路由改为懒加载,防止首页加载,影响用户体验
9.使用xlsx插件对用户的基本信息使用Excel 表格来进行导入/导出