页面可视化搭建 整理

• 页面可视化搭建工具前生今世：https://github.com/CntChen/cntchen.github.io/issues/15

• 前端服务化——页面搭建工具的死与生：https://www.cnblogs.com/sskyy/p/6496287.html

• esview 项目实现原理：
  如何实现拖拽：html源生api，代码在dnd.js。
  如何生成代码：拖拽生成的页面，背后是一个树形的结构，通过递归向下法解析语法树生成最终的.vue代码。
  组件的属性编辑影响组件样式：vue会监听这棵属性结构的所有属性，当属性被编辑过后，vue会更新整个页面。
  出处：https://github.com/furioussoul/esview/blob/master/ui/README-ch.md

• react 页面可视化搭建，开源项目：

项目	地址	说明
gaea-editor	https://github.com/ascoders/gaea-editor	该项目架构设计说明：https://www.jianshu.com/p/840e0b0b2c6a
structor	https://github.com/ipselon/structor	页面元素可视化（使用react、redux技术）
gen	https://github.com/daycool/gen	根据接口生成页面，减少重复性工作

• vue 页面可视化搭建，开源项目：

项目	地址	说明
vue-layout	https://github.com/jaweii/Vue-Layout	编辑自由度为可嵌套的组件
esview	https://github.com/furioussoul/esview	编辑自由度为可嵌套的组件
blocks	https://github.com/Landvetter/blocks	百度外卖如何做到前端开发配置化：https://mp.weixin.qq.com/s/8wsvuCGQYhFlCPVyX1ekOA

• vuep，在线编辑和预览vue组件：https://github.com/QingWei-Li/vuep/

• Backbone 页面可视化搭建，开源项目：

项目	地址	说明
GrapesJS	https://github.com/artf/grapesjs	页面元素可视化（使用backbone技术）