1. 程式人生 > >頁面可視化搭建工具 介紹

頁面可視化搭建工具 介紹

The 介紹 拖拽 htm readme 項目 edi editor 遞歸

  • 原理:
    如何實現拖拽: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
gen https://github.com/daycool/gen
  • vue 可視化開源項目:
項目 地址
vue-layout https://github.com/jaweii/Vue-Layout
esview https://github.com/furioussoul/esview

頁面可視化搭建工具 介紹