页面可视化

成品实现方式

百度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

美团-乐高系统

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

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

而页面实现也应该是

image.png

阿里巴巴 ice

ice 主要是针对开发者的

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容