美团低代码平台

电子商务团购案例ID：249547

Pluto

11 年经验· 美团

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

该项目是美团内部业务自研的低代码应用搭建平台，面向运营、产品和技术团队提供可视化页面搭建能力，降低中后台及营销页面的开发成本。平台整体分为渲染引擎、物料中心、设计器三大模块，基于 React + TypeScript 技术栈构建。

我在项目中主要负责物料中心模块的整体建模、协议设计与开发规范制定。根据业务场景抽象出原子组件、业务组件和模板三级物料体系，完成图片、文本、表格、筛选、布局容器、页头、弹窗等高频物料的封装与维护；统一物料 props 协议、数据接口规范和事件编排标准，保证不同来源物料在设计器中的即插即用。

针对物料数量多、依赖复杂导致的构建体积膨胀问题，我对物料包做了分包加载、Tree-Shaking 和按需引入优化，显著降低平台首屏加载体积；同时参与前端框架版本升级，处理框架迁移带来的兼容改造问题，保障平台渲染性能和稳定性。

设计器侧支持左侧组件库拖拽、中间画布实时交互展示、右侧大纲树结构化管理（如图所示），实现了组件选中、层级调整、属性配置等核心能力，支撑多条业务线快速搭建页面并稳定迭代。