vue element nocode admin

エレクリへようこそ

element-ui のコードビジュアルエディターはフォームコードとリストコードを自動生成します。視覚的なソリューションではなく、テンプレートを生成するツールに似ています

?ホームページ

Web バージョン、 previewブランチ内

インストール

npm install -g ele-cli

使用方法

サーバーはポート 3000 を占有しています

ele ui

形状

フォーム内には編集が必要な場所が 2 つあります。1 つはフォーム オブジェクトやフォームの Ref (フォーム検証に使用される) など、フォーム自体のプロパティです。もう 1 つは、フォームに含まれるフォーム要素です。形状。

フォーム属性編集エリアではフォーム属性を編集できます。フォーム要素を生成するには 2 つの方法があります。

• ドラッグ

フォーム要素をドラッグ領域にドラッグし、フォーム要素のプロパティを編集します。

• フォームへの JSON 変換をサポート

フォーム編集ツールとしてはドラッグ＆ドロップで簡単ですが、フォームの数が多いとやはり面倒です。

当社のインターフェースは Swagger を通じて管理されているため、以下に示すように、ポストインターフェースにはデータがリストされます。

JSON フォーム オブジェクトの入力ボックスにデータを簡単に貼り付けることができ、ネストされたオブジェクトがサポートされています。

ただし、貼り付けたデータには value しかないため、 value:labelような構造を定義し、 value をフォームの値、 label をフォームのラベルとして定義しました。ラベルは引用符で囲む必要があることに注意してください。

 {
  "id" : 'ID' ,
  "title" : '标题' ,
  "type" : '类型'
}

次に、クリックしてフォームを生成します。入力はデフォルトで生成され、フォーム要素編集領域で変更できます。

シート

バックエンドから返されたデータを生成されたフォームの入力ボックスに貼り付け、フォームを生成してからテーブル ヘッダーを編集します。テーブル クエリは後で追加されます。

著者

サルヴァ

• ギットハブ: @Liugq5713

サポートを示してください

このプロジェクトが役に立った場合は ️ をあげてください!