内部财务系统(Neone)
2022.12-2025.10
背景:公司核心财务中台,覆盖预算编制、采购申请、供应商管理、合同执行、验收付款等全链路,支持 Web 端与移动端协同,服务 500+ 内部用户,日均处理流水 2000+ 笔。
技术方案 / 职责
- 微前端架构设计:基于 qiankun 搭建主应用基座,独立部署 15+ 个子应用,实现 Vue2.7、React16 等多技术栈共存,解决技术栈冲突与复用难题。
- 跨框架组件复用体系:通过 Module Federation 与沙箱机制,封装通用财务组件(发票验证、金额计算、审批流展示等),使 Vue 与 React 子应用可互相调用组件,减少重复开发 40%。
- 性能与稳定性:优化主应用加载策略,利用预加载与缓存机制,子应用首屏加载时间从 3s 压缩至 1.2s;建立全局错误边界与崩溃自恢复方案,保障财务高峰期零宕机。
项目成果
- 截至目前,系统已承载 30+ 微应用、200+ 业务页面,支撑公司全球财务流程,用户满意度达 95%。
Vue
React
Tailwinds
qiankun
闻政绩效信息管理系统 3.0
2022.03-2022.08
背景:信创政策推动财政系统全面转向国产 Linux,弃用 IE,原 Avalon2 架构维护成本剧增,决定全量技术升级。
技术方案 / 职责
- 主导前端架构重构方案,制定目录结构与编码规范,从零搭建 Vue 工程框架。
- 封装 20+ 通用业务组件(指标填报、绩效评分、报表导出等),形成内部组件库。
- 推动团队完成 60+ 页面的迁移与重写,输出完整迁移文档与培训。
项目成果
- 交付后系统稳定性大幅提升,后续迭代效率提高约 40%,并作为一体化平台的技术基座。
Vue2
ElementUI
Scss
上海市财政一体化系统
2020.02-2022.02
背景:将多个财政子系统集成至统一平台,需在国产 Linux 桌面环境下运行,且子系统间需安全、流畅通信。
技术方案 / 职责
- 设计 iframe 嵌入基座方案,封装 postMessage 通信 SDK,统一 5 个子系统间的数据交互规范。
- 开发低代码表单列表组件,覆盖 80% 业务场景,单模块开发周期从 3 天压缩至 1 天。
- 负责代码仓库管理,制定 Git 分支策略,稳定支撑 3 个团队并行交付。
项目成果
- 系统平稳适配国产环境,支撑 200+ 财政用户日常办公,成为后续信创项目参考范本。
Vue2
ElementUI
Scss
东篱科研管理系统
2018.08-2019.08
背景:面向医院与高校的科研管理系统,需兼容老旧政府单位常用的 IE8 浏览器。
技术方案 / 职责
- 主导方案设计与核心开发,用 JSON 动态配置表单模块,实现业务模块灵活增减,保障在 IE8 下的稳定运行。
- 项目持续服务协和、上交大附属医院等多家机构。
项目成果
- 系统持续服务北京协和医院、上海交大附属医院等机构,灵活配置方案满足多样化业务定制。
Avalon2(兼容 IE8 的 MVVM)
TypeScript
Less
上海装潢网
2016.10-2019.05
背景:上海装修协会旗下论坛,处理装修投诉与信息发布。
技术方案 / 职责
- 负责 PC/移动端页面开发与日常维护,高还原度实现设计稿,并开发客服插件等基础功能。
项目成果
- 持续服务 10000+ 用户,移动端经过适老化改造后,访问占比提升至60%,有效扩大用户群体。
jQuery
Smarty