提起表單設計器，網上會有很多，不過能讓設計器可視化寫腳本的還真是鳳毛麟角
直接給大家上位址：http://lowcode.magicalcoder.com/element
下面介紹一下這款布局器的特點 先來看一下整體預覽
特性：1 支援多種ui element layui
2 支援 二次定制化開發 支援嵌入到您的web系統種 支援擴充基于jquery 或者vue的各種前端開源ui
3 布局器的使用就不細說了 拖拽式開發
4 可視化編寫腳本（新特性）
本節主要展現下基于elementui的可視化腳本功能
示例一：點選送出按鈕 觸發一下 彈出一個 “歡迎使用magicalcoder布局器”
第一步：點選送出按鈕 由此編碼區域有個按鈕點選一下 即可調出可視化腳本編輯器
第二步：我們拖拽一個彈窗工具 然後配置一下要彈出的内容
第三步 儲存後我們來點選送出按鈕試試看 再點選一下就彈出了我們要的互動内容
示例二： 我們來做一個進階的 當滑塊内容變化時 讓輸入框内容也跟着變化
第一步：點選滑塊 右側的松手觸發事件我們來開發
第二步：利用指派語句 我們讓輸入框的值=滑塊停止時目前的值 注意右側會有提示
第三步：示範下 當我松開滑塊 輸入框的值也就跟着變化了
更多場景 還是大家自己去體驗吧
http://www.magicalcoder.com