广东省粤警党建管理后台

猿急送>广州前端兼职程序员>Quokka>

案例列表

基本信息

案例ID：207673

技术顾问：Quokka - 7年经验 - 广东征安智能科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：广东省粤警党建管理后台

所属行业：企业服务 - 行业细分软件

->查看更多案例

案例介绍

因为项目为内网项目，生产环境及测试环境均无法截图，所以截图为部分原型截图

基于 qiankun 微前端框架整合、以 Vue 为核心框架开发的广东省智慧党建平台
技术架构：qiankun、vue、vue-router、vuex、axios、element-ui、webpack
项目职责：
1. 负责技术调研，并搭建整个项目基本框架
2. 负责三会一课、发展党员、规则管理等功能模块开发
3. 负责前端开发任务分配、组织技术评审及 code-review
4. 负责抽离公共业务组件库，发布到 npm私服
5. 配合项目经理制定项目里程碑，合理推动项目达到预期效果
项目成果：
1. 由于项目有潜在的独立运行并提供服务的需求，所以使用 qiankun 搭建微前端架构，支持子应用
独立运行，同时可以整合到大的应用里面。
2. 项目拆分为多个子应用模块，解决依赖管理愈加复杂的问题，各模块可单独开发，降低团队协作复
杂度，加快打包速度
3. 兼容 vue、react 等技术栈，使团队成员上手成本低，将整个系统拆分成多个子应用，分别对应不
同的模块，降低团队协作复杂度，可独立开发，各子应用也可以独立运行。
4. 使用 webpack 进行打包优化，加快各应用模块首屏加载速度
5. 解决整个前端应用放在一个仓库，代码及分支管理难的问题
6. 抽离静态资源，包含：风格样式、UI 框架、应用框架等，主应用和子应用主要共享了 axios、vue、
vuex、vue-router、element-ui 等库的代码，减少每个项目的打包体积及打包时间
7. 抽离多个公共组件，形成组件库，发布到私服 npm，用于各应用快速复用UI 组件，无需在各个代
码库管理多份相同的组件代码