10年以上Web前端,对企业级前端开发有经验
能源管理系统,城市地图管廊,安全系统,大屏,业务中台,数据中心,政务系统,检察院等
1. 型谱工具(2023.09-2024.05)
技术栈:Vue3 + ElementPlus + WebSocket + SpringCloud
核心贡献:
设计并开发动态参数配置系统,支持数千种产品型号的复杂关联规则(互斥项、限定项、排除项逻辑),实时计算价格并生成变更记录。
实现WebSocket 实时推送产品公告,确保用户即时获取关键更新,减少手动刷新频率。
通过虚拟滚动优化万级数据渲染性能,首屏加载速度提升60%。
主导前后端联调,封装通用型谱解析组件,被复用于其他业务模块,减少重复开发量30%。
业务价值:替代原有Excel手工配置流程,报价效率提升90%,错误率降至0.5%以下。
2. 东方商用车能源管理信息系统(2020.08-2020.12)
技术栈:Vue2 + ECharts + WebGL + SpringBoot
核心贡献:
开发集团级能源实时监控大屏,集成多车厂数据流,通过WebGL 3D渲染工艺管线能耗,支持10万级数据点秒级刷新。
设计动态表单引擎,允许业务人员自定义能源报表模板,减少开发介入需求。
优化ECharts多图层叠加性能,利用Worker线程解耦数据处理,避免主线程卡顿。
实现能源成本预测算法前端可视化,帮助管理层年度节能目标达成率提升15%。
业务价值:系统覆盖5大生产基地,年节约能源分析人力成本200万+。
3. 访客系统(2023.10-2023.12)
技术栈:Vue3 + ElementPlus + 钉钉开放平台
核心贡献:
构建动态数据驱动的访客管理模块,支持数千字段灵活配置(住宿、餐饮、车牌等),通过递归组件实现多层嵌套表单渲染。
集成钉钉API实现双向消息推送(来访人员短信+业务员钉钉通知),入园/离园状态自动同步至保安端界面。
开发离线缓存机制,确保园区弱网环境下数据提交不丢失,通过IndexedDB实现本地暂存与断点续传。
业务价值:年接待访客超2万人次,行政流程耗时减少70%,获客户集团创新流程奖。
4. EDVS综合管理平台(2019.04-2023.05)
技术栈:Vue2/jQuery → Vue3重构 + SpringCloud
核心贡献:
主导前端架构升级,从jQuery单体应用迁移至Vue3微前端架构,模块加载速度提升40%。
实现单点登录(SSO)与权限控制体系,支持20+子系统无缝跳转,减少重复登录问题95%。
开发通用低代码表单生成器,支撑90%后台CRUD需求,缩短同类功能开发周期至1人日。
业务价值:系统服务10+制造企业,成为公司标准化产品核心平台。
技术亮点总结
复杂交互设计:型谱工具的动态规则引擎、访客系统的超字段表单,体现高复杂度业务抽象能力。
性能优化:WebGL/Worker/虚拟滚动等方案,解决工业级数据量下的体验瓶颈。
工程化思维:微前端改造、低代码工具链建设,显著提升团队交付效率。
全栈能力:深度参与Java后端接口设计,主导WebSocket/SSO等跨端方案落地。
5. 政治监督系统(2024.03-2024.07)
技术栈:React 18 + Ant Design + ECharts
核心贡献:
基于 React 函数组件 + Hooks 构建高可维护性前端架构,采用 模块化设计 实现监督任务、线索管理、统计分析等核心功能模块。
集成 Ant Design Pro 快速搭建后台管理系统,定制化开发 动态权限路由,支持多角色(纪委、巡察组、普通用户)差异化界面与操作权限。
使用 ECharts 可视化监督数据(如问题线索趋势图、整改完成率仪表盘),并实现 大屏适配,满足领导驾驶舱数据展示需求。
开发 Excel 导入/导出 功能,支持批量上传线索数据,利用 Web Worker 处理大规模数据解析,避免主线程阻塞。