随着业务量的增长，用于支持业务的轻量 H5 页面的开发逐渐成为一个耗费大量时间和人力的棘手问题。这些业务开发繁琐，难以沉淀，缺少自动化，如何提高这类 H5 页面的开发效率越来越成为业务增长过程中的一个痛点。UI 智能生成代码也成为解决这个问题的探索方向之一。本次分享会主要介绍字节跳动抖音前端团队所探索的智能生成代码项目 ALYX 的解决方案、ALYX 和我们的搭建平台(魔方)的配合以及二次生成能力如何助我们生成复用度更高的页面。本次分享从实践出发，结合实际场景来由浅入深地介绍 UI 智能生成代码的方方面面，帮助你找到业务提效的新思路。

演讲提纲：

1. 业务背景介绍

• Nocode 搭建平台模板生成

2. 核心（布局）算法：ALYX

• 算法 pipeline 设计
• 循环处理
  • 循环节点间的匹配
  • 循环项：最大集？最小集？
  • 从循环项重新生成循环
  • 提取循环值
• 基于模式（Pattern）的优化样式代码
• 组件
  • 基于对象检测的组件识别
  • 组件到代码的转换

3. 利用二次生成能力生成可复用页面的实践

• 二次生成能力的探索和实践
  • 单次生成的缺陷
  • 人工调整的介入
  • 实现：中间页和重布局算法
• 生成易复用的模板页面的实践
  • 可复用模板页面的需求
  • 多场景 SOP 支持：模板生成 SOP
  • 设计稿->中间页->模板：流程演示

你将获得：

• 了解 UI 智能生成代码的设计思路，复杂模块的细节
• 学习如何在实践中用 UI 智能生成代码搭配 Nocode 搭建平台来解决具体问题