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

1. 菜低代码创新实践：全栈转型与技术效能突破唐爽体验平台中负责巴巴前端委员会联席主席原阿菜

2. 录 01 背景以及临的挑战 02 实现 03 实施效果和痛点权衡 04 案例：新的职责所带来的突破 05 展望：AI时代前端能为企业带来的价值案和技术架构

3.

4. 菜 01 全栈化背景为什么菜业务常适合全栈化开发

5. 变测试 QC BugList 上线

6. 菜业务最常的形态 FTP （Filte + Table + Pagination）

7. 实现 02 案和技术架构基于低代码的全栈研发模式如何在型组织落地

8. 设计原则易性扩展性

9. 低代码覆盖的范围和标 ToB ToC 表格(55%) + 表单(25%) + 详情(10%) = 90% 低代码仅覆盖三场景 80%的，80%×90% ≈ 70% 低代码模式，通过表单驱动和模型驱动全栈提效源码开发，Code CoPilot * 以上数据仅供案例展示，真实业务数据

10. 研发流程和架构

11. 低代码体系架构

12. 低码落地的组织保障传统研发链路需求产品设计岗位合并岗位合并低码研发链路需求产品设计前端全栈开发后端测试

13. 菜全栈研发结果指标全栈例 80% 低码例 90% 需求 1天完成率 >50% * 以上数据仅供参考

14. 前端新的岗位职责 * 以上数据仅供案例展示，真实业务数据

15. 03 实施效果和痛点权衡要快、要好、要便宜，真的是不可能三吗？

16. 低代码实施痛点 — 性能 ✅ 成本、✅ 效率 ⚠ 性能 ✅ 标准、规范、技术栈普及低码研发模式 • 表单驱动 + 模型驱动双内核 LCDP 体系 • 更丰富的组件和模板， • 旧城改造，新旧系统兼容、并存、替换持UGC扩展多系统融合，统 • 设计规范和前端组件体系统 • 智能答疑、智能翻新、案例库、培训认证…… • 前后端研发规范、API规范…… • 突破性能瓶颈，呈现业务价值 • 全栈研发快速上 • B端三，降低场景定义及开箱即 - 2022 - 数千 Java 全栈研发全 • 基础建设期致性 • 槛的模板全栈变 - 2023 - 期

17. 低代码的性能问题 LCP监测 P85 3000ms 实际户感知的可时间 > 6000ms * 以上数据仅供案例展示，真实业务数据

18. 专业精进 — 性能这源码还快

19. 专业精进 — 性能源码还快

20. 低代码性能优化关键动作 — 拆分主应 • 每个应依赖相同的资源，仅 schema不同 • 每个应是SPA模式，仅动态加载schema.json实现快速切换

21. 低代码性能优化关键动作 — 维度的按需加载

22. 低代码性能优化关键动作 — 维度的按需加载

23. 低代码在菜期

24. 04 新的职责所带来的突破专业技术为业务带来的价值

25. 码多端 !" #$%&'( THE NAME OR BRAND OF PRODUCT THE NAME OR BRAND OF PRODUCT Option 2 Option 2 Option 2 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ 3+ : 10 1 3 4 5 10 4 / 10 Go to Pag e )*

26. 码多端技术实现 PC端展示移动端展示

27. 码多端技术实现组件props定义组件状态管理 H5端原体验组件 PC端组件转换补丁包于不同端展示通法&hooks 通样式法

28. 码多端技术实现菜前端CNUI组件库 1.1.9 1.1.8 权限控制

29. 码多端技术实现

30. 码多端技术实现

31. 码多端技术实现菜单数据主题配置菜前端CNUI组件库权限控制 2.0.0 1.2.1 低代码 schema.json 段

32. 05 AI时代前端为企业带来的价值低代码 × AI => 业务敏捷 × 更先进的体验

33. 低代码的不可能三

34. 研发模式 × AI — 快、准、稳低码配置助 LLM最常的使式，语描述转换成对应低码段，Prompt 程实现 • 配置 + 问答 • 预设指令模板 • 引导新功能使 • 批量操作为主然 * 以上数据仅供案例展示，真实业务数据所有数据均为 MOCK 示意

35. 研发全链路 AI 赋能完整 JSON 配置然语转换问题

36. 产品体验变 — 智能搜索框旧管理系统有效信息区 68.5% 留出更多数据展现和操作的空间有效信息区 * 以上数据仅供案例展示，真实业务数据新管理系统

37. 产品体验变点推 — 智能搜索框搜 * 以上数据仅供案例展示，真实业务数据

38. 产品体验变个性化知识库结构化描述 -> 新模式业务量产越越聪明

39. 产品体验变 — 智能搜索框技术案 * 以上数据仅供案例展示，真实业务数据

40. 总结&展望

41. 未来展望户操作习惯、岗位/ 所有是结构化的描述信息有标准的设计规范和组件业务数据

42. 未来展望 - 数据驱动的实时AIGC 没有物理应、也是中间任务… 阅后即焚根据业务诉求需要，实时组装。流动的数据 + 合适的展现，实现阅后即焚的信息卡化整为零，低频场景不再需要固定的千千以信息卡 * 以上数据仅供案例展示，真实业务数据

43. 前端不是因为我们使前线，解决业务端的问题户最近的

44.

45. THANKS 模型正在重新定义软件 Large Language Model Is Redefining The Software