页面可视化

成品实现方式

	百度H5	美团乐高	阿里ice
操作方式	添加元素	编写json文件	项目工程二次开发
输出方式	html页面+JSAPI	json + js渲染 + js交互	打包编译
缺点	灵活性较低，只能生成静态页面，js接口也变焦局限	灵活性中等，可以配置自定义组件，但需要了解json和js开发	相当于项目脚手架,下载模板项目工程之后需二次开发

v0.0.1规划

需要考虑到 页面灵活性 + 二次开发 + 引入定制组件

组件的规划

注： 考虑到页面流，和定位问题，static需要设置宽高，其他均不需要

• static组件 智能平台的主要编辑区域 内部元素都已浮动定位
• custom组件 预留空置位 需要开发者二次开发的地方
• component组件 已有组件,一些复制业务如列表，引入已有组件后只需配置一些相关信息如id，url等等

image.png

├── static
│   ├── text
│   ├── box
│   ├── box
│   ├── text
│   └── box
├── custom 
├── static
│   ├── text
│   └── box
├── component 
│   └── rules

百度H5

image.png

• 百度h5是直接生成html和css样式
• js方面是通过定制的调用接口

美团-乐高系统

美团内部系统，无法登陆到上，但根据现有技术文档上来看，美团的乐高主要针对的是中后台系统开发

通过添加不同组件的来管理当前组件的json配置

而页面实现也应该是

image.png

阿里巴巴 ice

ice 主要是针对开发者的