白泽云图产品系统

随着政企数字化转型的深入，传统定制化项目开发面临周期长、成本高、需求响应慢等痛点。白泽云图作为一款低代码可视化平台，立项初衷是为了打破“开发人员写死页面，业务人员无法自主调整”的僵局，旨在解决公司内部及政务项目中大量重复页面开发的问题。通过提供可视化的拖拽搭建能力，赋能非技术人员自助搭建业务页面，大幅降低开发门槛，提升公司整体项目交付效率，满足政务及企业级应用快速迭代的业务背景需求。

本项目主要包含四大核心模块：

可视化拖拽编辑器：支持组件拖拽布局、右侧配置面板（样式/数据/交互）、实时预览与渲染，内置图表、表格、表单等20+种组件。

动态属性配置引擎：实现组件数据源配置与交互事件绑定，支持图表下钻、联动过滤等复杂交互，满足政务大屏多维度分析需求。

自定义组件扩展机制：支持业务方基于Vue动态组件+JS动态加载自助开发并无缝集成至平台，解决平台“灵活性不足”的痛点。

性能优化模块：针对拖拽与预览场景，通过防抖节流、虚拟列表、按需加载等策略，保障平台在大屏项目中的流畅稳定运行。

本人负责该低代码平台前端架构设计与核心模块开发。技术栈采用 Vue + JSON Schema + 可视化渲染。
具体任务与亮点：

攻克平台灵活性痛点：实现自定义组件扩展机制（基于Vue动态组件+JS动态加载），制定组件开发规范、生命周期接口与注册流程，彻底打通外部开发者的自助接入能力。

架构设计与效能提升：主导组件配置面板的数据流规范，开发配置化属性规范+模板引擎工具链，将单个复杂组件的配置开发时间从1天大幅缩短至1-2小时。

性能优化与交互实现：解决海量组件实时预览的渲染卡顿问题，通过虚拟列表、按需加载、防抖节流等策略优化；实现数据源配置与交互事件绑定，支持图表下钻、联动过滤等复杂交互。

工程化与团队赋能：对平台存量代码进行模块化重构，抽离公共组件与工具函数；输出低代码平台组件开发规范及配置化手册，支撑团队内3名新人快速上手，提升整体交付能力。