form generator

簡介

Element UI表單設計及程式碼產生器，可將產生的程式碼直接運行在基於Element的vue專案中；也可匯出JSON表單，使用配套的解析器將JSON解析成真實的表單。

• 【國內預覽地址】 【國際預覽地址】

• 【github倉庫】 【 碼雲倉庫】

• 配套vscode插件

• 配套JSON解析器

文件

• el-dialog的封裝與調用

• 項目主要結構分析

• 【常見問題】如何以npm的方式整合monaco編輯器

• 系列教學： 《表單設計器· 開發教學》 《表單解析器· 開發教學》 《vue程式碼產生器· 開發教學課程》 《vue程式碼預覽器· 開發教學課程》

• JSON表單參數對照表

JSON解析器

將保存在資料庫中的JSON表單，解析成真實的表單查看線上範例

// 安装
npm i form-gen-parser

更多資訊

vscode插件

幫助使用element UI的開發者完成基本的表單程式碼建立任務，減少重複的勞動。
vscode-plugin分支配套插件為：form-generator-plugin；
使用外掛程式可右鍵開啟設計器，直接將程式碼儲存到工程中。
安裝插件請在vscode中搜尋：

jakHuang
或
Form Generator Plugin

運行

• 確保已經安裝node.js 10+

• 首次下載專案後，安裝專案依賴：

yarn

或

npm install

• 本地開發

npm run dev

• 建構

npm run build

交流

• QQ群976154366【已滿】 1137173566【已滿】 514953560【3群】

友情連結

• vue-admin-beautiful —— 企業級、通用型中後台前端解決方案（基於vue/cli 4 最新版，同時支援電腦，手機，平板）

• vue-admin-beautiful —— 線上展示

• pl-table —— 完美解決element 萬級表格資料渲染卡頓問題

• go-admin

PR鳴謝

• IWANABETHATGUY

捐贈

如果您覺得本專案對您有幫助，可以請作者喝一杯咖啡, 讓開源走的更遠，感謝支持。

也請您在捐款後，加下qq群：976154366，私聊群主留個贊助連結。

開源協議

MIT