form generator

導入

Element UI フォーム デザインとコード ジェネレーターは、生成されたコードを Element ベースの vue プロジェクトで直接実行できます。また、JSON フォームをエクスポートし、サポートされているパーサーを使用して JSON を実際のフォームに解析することもできます。

• 【国内内覧会アドレス】 【海外内覧会アドレス】

• [github ウェアハウス] [コード クラウド ウェアハウス]

• vscodeプラグインのサポート

• JSONパーサーのサポート

書類

• el-dialog のカプセル化と呼び出し

• プロジェクトの主な構造の分析

• [FAQ] monacoエディターとnpmを統合する方法

• チュートリアル シリーズ: 「フォーム デザイナー・開発チュートリアル」「フォーム パーサー・開発チュートリアル」「Vue コード ジェネレーター・開発チュートリアル」「Vue コード プレビューアー・開発チュートリアル」

• JSONフォームパラメータ比較表

JSONパーサー

データベースに保存された JSON フォームを解析して実際のフォームに変換します。オンラインのサンプルを表示します。

// 安装
npm i form-gen-parser

詳細情報

vscodeプラグイン

要素 UI を使用する開発者が基本的なフォーム コード構築タスクを完了し、反復作業を削減できるように支援します。
vscode-plugin ブランチをサポートするプラグインは次のとおりです。
プラグインを使用すると、右クリックしてデザイナーを開き、コードをプロジェクトに直接保存できます。
プラグインをインストールするには、vscode で検索してください。

ジャクファン
または
フォームジェネレータープラグイン

走る

• 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 ——要素の数万のテーブルデータのレンダリングにおける遅延の問題を完全に解決します

• ゴー管理者

PR 謝辞

• イワナベザットガイ

寄付する

このプロジェクトが役立つと思われる場合は、著者にコーヒーをおごって、オープンソースをさらに推進してください。ご支援に感謝いたします。

寄付後に QQ グループ: 976154366 を追加し、プライベート チャット グループの所有者にスポンサーシップ リンクを残してください。

オープンソース契約

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