form create designer

公式ウェブサイト|ヘルプ ドキュメント|モバイル オンラインデモ|

FormCreate ローコード フォーム デザイナー

@form-create/designer は、@form-create/element-ui および ElementPlus に基づいて実装されたローコード フォーム デザイナー コンポーネントです。 Vue2 と Vue3 をサポート

@form-create/vant-designer は、 @form-create/vant および Vant に基づいて実装されたモバイルローコード フォーム デザイナー コンポーネントです。 Vue3のサポート

特徴

• JSONデータを使用してフォームを生成する
• 拡張カスタムコンポーネントのサポート
• よく使用される 30 以上のフォーム コンポーネントとレイアウト コンポーネントを内蔵
• リッチフォーム操作APIを提供
• サブフォームとグループ化をサポート
• イベント設定をサポート
• サポートスタイル構成
• テーブルレイアウトをサポート
• サポートフォームの検証
• フォームを多言語でサポート

サポートされている UI フレームワーク

役に立った場合は、右上の「スター」をクリックしてサポートしてください。このプロジェクトは現在も継続的に開発と改善が行われています。ご提案やご質問がございましたら、こちらから送信してください。

開発者ディスカッション グループ 629709230

• プレビュー

PCデザイナー

CDN:

 < link rel =" stylesheet " href =" https://unpkg.com/element-plus/dist/index.css " > </ link >
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/element-plus/dist/index.full.js " > </ script >
< script src =" https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/designer@next/dist/index.umd.js " > </ script >

NodeJ:

npm install @form-create/designer@next
npm install @form-create/element-ui@next
npm install element-plus

 import FcDesigner from '@form-create/designer'
import ELEMENT from 'element-plus' ;
import 'element-plus/dist/index.css' ;

app . use ( ELEMENT ) ;
app . use ( FcDesigner )
app . use ( FcDesigner . formCreate )

使用

 < fc-designer ref =" designer " /> 

モバイルデザイナー

CDN:

 < link rel =" stylesheet " href =" https://unpkg.com/element-plus/dist/index.css " > </ link >
< link rel =" stylesheet " href =" https://unpkg.com/vant@4/lib/index.css " />
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/element-plus/dist/index.full.js " > </ script >
< script src =" https://unpkg.com/vant@4/lib/vant.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/vant@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/vant-designer@next/dist/index.umd.js " > </ script >

NodeJ:

npm install @form-create/vant-designer@next
npm install @form-create/element-ui@next
npm install @form-create/vant@next
npm install element-plus
npm install vant

 import FcDesignerMobile from '@form-create/vant-designer'
import ELEMENT from 'element-plus' ;
import vant from 'vant' ;
import 'vant/lib/index.css' ;
import 'element-plus/dist/index.css' ;

app . use ( ELEMENT )
app . use ( vant )
app . use ( FcDesignerMobile )
app . use ( FcDesignerMobile . formCreate )

使用

 < fc-designer-mobile ref =" designer " /> 

接続する

ライセンス

マサチューセッツ工科大学

Copyright (c) 2021-presentxaboy