项目描述:钢银云贸易项目是一个针对钢铁贸易商的云管理平台。通过集成采购、库存、销售、 财务和风控等核心功能,该项目帮助钢铁贸易商实现业务流程的数字化管理,提高工作效率,降 低运营成本,并增强市场竞争力。 项目职责:主要负责通用版工程配送板块和钢银云定制版项目的前端开发工作。 技术栈和工具:Vue.js 2.6、qiankun、Element-UI、Axios、SCSS、pnpm、js-cookie、 dayjs、vxe-table、AG-Grid、ECharts。
工作内容:
1. 微前端架构实施。采用qiankun微前端架构,将复杂的业务模块拆分成多个独立子应用,每个 子应用都可以独立开发、测试和部署,极大地提升了项目管理的灵活性和维护的便捷性,同时也 支持了局部更新发布,降低了更新风险。
2. 单体仓库管理。针对微应用项目多仓库开发带来的依赖管理问题,使用pnpm创建单体仓库, 统一管理项目应用代码和依赖,显著减少了磁盘内存占用,提高了开发效率。
3. 性能优化。利用vxe-table进行表格编辑,提升了页面交互性能;同时,使用AG-Grid实现了 列表页字段分组功能并支持海量数据渲染,大幅提升了页面渲染性能,为用户提供了流畅的使用 体验。
4. 组件封装与复用。根据业务需求,封装近50个基础组件和业务组件,这些组件不仅满足了全 局子系统的应用需求,还引入了公司内部公共组件库和工具类包,并定期更新维护,确保组件的 稳定性和可用性。
5. 代码冗余度降低。为了减少代码冗余,将组件的公共逻辑或配置抽取成mixins文件,并通过 pnpm创建的components文件存放公共组件和方法,供全局子应用使用,从而大幅度缩减了重 复性代码,提高了代码质量。