项目背景
目前页面设计器的用户在完成页面设计后，无法看到实际运行的效果。为了用户能够实时看到页面设计的效果，实现所见即所得的页面预览体验。
整体架构图
- 协议层：基于《低代码引擎搭建协议规范》 产出的 DSL 作为我们的规范协议。
- 能力层：提供组件、区块、页面等渲染所需的核心能力，包括 Props 解析、样式注入、条件渲染等。
- 适配层：由于我们使用的运行时框架不是统一的，所以统一使用适配层将不同运行框架的差异部分，通过接口对外，让渲染层注册/适配对应所需的方法。能保障渲染层和能力层直接通过适配层连接起来，能起到独立可扩展的作用。
- 渲染层：提供核心的渲染方法，由于不同运行时框架提供的渲染方法是不同的，所以其通过适配层进行注入，只需要提供适配层所需的接口，即可实现渲染。
- 应用层：根据渲染层所提供的方法，可以应用到项目中，根据使用的方法和规模即可实现应用、页面、区块的渲染。
组件关系图
关键活动架构图
技术选型说明
方案一：接入真正的运行时
方案二： 接入Athena平台现有的页面预览功能
方案三：基于lowcode engine的页面预览功能
