菜鸟低代码创新实践：全栈转型与技术效能突破.pdf

1、菜低代码创新实践：全栈转型与技术效能突破唐爽菜体验平台中负责原 阿巴巴前端委员会联席主席0102030405录背景以及临的挑战实现案和技术架构实施效果和痛点权衡案例：新的职责所带来的突破展望：AI时代前端能为企业带来的价值01为什么菜业务常适合全栈化开发菜全栈化背景变前的研发模式BDPD 上线 测试 后端开发 前端开发 设计 产品项UEDFERDQCMRDPRD设计稿界接BugList业务菜业务最常的形态FTP（Filte+Table+Pagination）02基于低代码的全栈研发模式如何在型组织落地实现案和技术架构设计原则全局致 体验致 格致致性B端业务C端体验 多场景兼容 多端兼容规范扩展

2、可迭代 国际化扩展 受限的个性化扩展易性扩展性“全局致 于 局部最优”低代码覆盖的范围和标ToCToB表格(55%)+表单(25%)+详情(10%)=90%低代码仅覆盖三场景80%的，80%90%70%源码开发，Code CoPilot低代码模式，通过表单驱动和模型驱动全栈提效*以上数据仅供案例展示，真实业务数据研发流程和架构低代码体系架构低码落地的组织保障低码研发链路需求产品设计全栈开发需求产品设计前端后端测试传统研发链路岗位合并岗位合并菜全栈研发结果指标全栈例80%低码例90%需求 1天完成率50%*以上数据仅供参考前端新的岗位职责*以上数据仅供案例展示，真实业务数据03要快、要好、要便宜

3、，真的是不可能三吗？实施效果和痛点权衡低代码实施痛点 性能基础建设期全栈变期标准、规范、致性 成本、效率 性能数千 Java 全栈研发全普及低码研发模式 表单驱动+模型驱动双内核 LCDP 体系 更丰富的组件和模板，持UGC扩展 旧城改造，新旧系统兼容、并存、替换 智能答疑、智能翻新、案例库、培训认证 突破性能瓶颈，呈现业务价值多系统融合，统技术栈 设计规范和前端组件体系统 前后端研发规范、API规范 全栈研发快速上，降低槛 B端三场景定义及开箱即的模板-2023-2022-低代码的性能问题LCP监测 P85 3000ms实际户感知的可时间 6000ms*以上数据仅供案例展示，真实业务数据专业

4、精进 性能源码还快专业精进 性能源码还快低代码性能优化关键动作 拆分主应 每个应依赖相同的资源，仅schema不同 每个应是SPA模式，仅动态加载schema.json实现快速切换低代码性能优化关键动作 维度的按需加载低代码性能优化关键动作 维度的按需加载低代码在菜落地实施历程基础建设期全栈变期 业务敏捷+智能标准、规范、致性成本、效率、性能体验、智能化、国际化数千 Java 全栈研发全普及低码研发模式 表单驱动+模型驱动双内核 LCDP 体系 更丰富的组件和模板，持UGC扩展 旧城改造，新旧系统兼容、并存、替换 智能答疑、智能翻新、案例库、培训认证 突破性能瓶颈，呈现业务价值码多端，乎零成本

5、实现业务线化 全球业务快速落地，技术群快速构建系统 极致研效，引 AI，基于历史数据和业务场景的推理、动化、AIGC能 AI 趋势下B端户新体验模式探索和业务量产多系统融合，统技术栈 设计规范和前端组件体系统 前后端研发规范、API规范 全栈研发快速上，降低槛 B端三场景定义及开箱即的模板-2023-2022-2024-04专业技术为业务带来的价值新的职责所带来的突破!#$%&()*+,-./0?3+3+3+3+3+3+3+3+3+3+3+3+3+3+3+?Option 2Option 2Option 2?:10?134510?/104Go toPage?THE NAME OR BRAND O

6、F PRODUCT?THE NAME OR BRAND OF PRODUCT?码多端码多端技术实现PC端展示移动端展示码多端技术实现PC端展示移动端展示PC组件库H5端组件库PC端原体验组件H5 端组件转换补丁包响应式设计组件（多端通）H5端原体验组件PC端组件转换补丁包同组件名，于不同端展示组件props定义组件状态管理通法&hooks通样式法核逻辑层组件层码多端技术实现PC端展示移动端展示PC组件库H5端组件库PC端原体验组件H5 端组件转换补丁包响应式设计组件（多端通）H5端原体验组件PC端组件转换补丁包组件props定义组件状态管理通法&hook