该项目是美团内部业务自研的低代码应用搭建平台,面向运营、产品和技术团队提供可视化页面搭建能力,降低中后台及营销页面的开发成本。平台整体分为渲染引擎、物料中心、设计器三大模块,基于 React + TypeScript 技术栈构建。
我在项目中主要负责物料中心模块的整体建模、协议设计与开发规范制定。根据业务场景抽象出原子组件、业务组件和模板三级物料体系,完成图片、文本、表格、筛选、布局容器、页头、弹窗等高频物料的封装与维护;统一物料 props 协议、数据接口规范和事件编排标准,保证不同来源物料在设计器中的即插即用。
针对物料数量多、依赖复杂导致的构建体积膨胀问题,我对物料包做了分包加载、Tree-Shaking 和按需引入优化,显著降低平台首屏加载体积;同时参与前端框架版本升级,处理框架迁移带来的兼容改造问题,保障平台渲染性能和稳定性。
设计器侧支持左侧组件库拖拽、中间画布实时交互展示、右侧大纲树结构化管理(如图所示),实现了组件选中、层级调整、属性配置等核心能力,支撑多条业务线快速搭建页面并稳定迭代。
需求方专属客服,免费梳理匹配
添加客服微信,免费为您安排与该工程师直接沟通
长按二维码添加客服微信
如当前档期不合,也可免费为您推荐相似案例作者