form-create-designer 是一款基于 @form-create/element-ui 的開源 Vue 可視化表單設計器,旨在簡化表單開發(fā)流程,提高開發(fā)效率。它支持拖拽創(chuàng)建表單,提供豐富的組件和靈活的配置選項,如獲取表單規(guī)則、設置規(guī)則、添加/刪除拖拽組件等。該工具支持多種表單組件,如輸入框、下拉選擇器、字典選擇器等,并且支持自定義組件擴展,允許開發(fā)者根據(jù)需求進行二次開發(fā)。
form-create-designer開源項目官網(wǎng)入口網(wǎng)址:https://github.com/xaboy/form-create-designer

form-create-designer 的核心功能包括拖拽式表單設計、雙向綁定、提交事件處理、規(guī)則設置等,開發(fā)者可以通過配置項靈活調(diào)整表單結(jié)構(gòu)和樣式。它還支持多語言解決方案,兼容 Vue 2 和 Vue 3 版本,適用于多種應用場景,如政務系統(tǒng)、OA 系統(tǒng)、電商系統(tǒng)等。
在使用方面,開發(fā)者可以通過 npm 安裝并引入相關依賴,通過掛載 ElementUI 和 form-create-designer 組件,快速搭建表單設計器界面。項目提供了詳細的文檔和示例,方便開發(fā)者學習和使用。此外,form-create-designer 還支持動態(tài)數(shù)據(jù)綁定、RESTful API 調(diào)用等功能,提升了前后端交互的效率。
form-create-designer 是一款功能強大、易于使用的開源表單設計器,適合需要快速構(gòu)建和定制化表單的開發(fā)者使用。



