随着百度 App 逐渐发展为基于搜索+信息流双引擎移动内容生态产品，对于 App 内页面的多样性和灵活性也有了新的挑战。为了同时兼顾运营效率、迭代周期与模板快速实验需求，我们设计了 SmartFeed 架构。通过统一设计规范标准、抽象模板设计与数据结构入手，逐渐摸索了一套多端模板智能渲染架构体系。最终实现「一次配置，多端同步」的跨端模板渲染架构。

本次分享将介绍 SmartFeed 的诞生背景，以及我们在百度 App 主推荐、图文落地页和专题聚合页实践过的一套跨端模板渲染架构。

演讲提纲：

1. 诞生背景

• 业务痛点
  • 业务场景多
  • 模板多样化
  • 多端效率低
• 技术现状
  • 无极设计系统
  • 跨端方案：灵动、San-native

2. 设计思想和架构实现

• 设计思路
• 全流程
• 架构组成和实现
  • UI：原子库→组件库→模板
  • DSL：视图与数据的描述语言
  • Adapter：多端模板转换器
  • Renderer：多端模板渲染器
  • Runtime：视图、数据和行为管理
  • SmartFormPreview：即看即所得的视图与数据关联工具

3. 落地与展望

• 落地与产出
• 未来展望

你将获得：

• 在多端业务基础上，实现一套跨端模板渲染架构技术与设计思路
• 对现有资源和业务需求进行思考、抽象、整合和改造的实践思路
• 从技术出发，将业务痛点技术化并推进落地的解题思路