项目背景
负责开发物联网公共安全管控云平台,旨在通过实验室气体设备和传感器的数据收集与监测,实现设备状态的实时监控和异常预警,从而确保实验室安全。
技术栈
架构:采用 Monorepo 加 MicroApp 微前端架构,实现模块化管理和灵活部署。
前端技术:基于 Rush 搭建高效的开发框架,使用 Vue2 进行界面开发,Vuex 进行状态管理,SCSS 与Element UI 进行界面样式设计,TypeScript 进行类型检查,确保代码质量。
角色和职责
作为项目的前端主要开发人员,我主导了以下关键工作:
模块开发与重构:根据设计原型完成高质量的模块开发,并重构既有代码提高可维护性。
组件化与代码优化:提取并封装了多个业务组件和容器,使用 vue-class-component 优化代码结构。
项目架构设计:基于微前端架构对项目进行了全面重构,提升了项目的可扩展性和维护性。
技术难点与解决方案
业务组件
难点:
原项目中存在大量冗余的业务组件,影响了开发效率和代码的可维护性
解决方案:
提取业务组件(设备筛选、设备类型筛选、角色、城市等组件)
封装容器组件(表格、弹窗、卡片