美团低代码平台

电子商务 团购 案例ID:249547
Pluto
11 年经验· 美团
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

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

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

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

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

美团低代码平台

电子商务 · 团购 案例ID:249547
联系该工程师
微信扫码,建群沟通
作者: Pluto - 11年经验- 美团

案例介绍

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

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

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

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

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×