vue element nocode admin

Welcome to ele-cli

element-ui 的程式碼視覺化編輯器，自動產生表單程式碼，清單程式碼。不是一個視覺化解決方案，更像是產生模板的工具

? Homepage

網頁版本，在preview分支

Install

npm install -g ele-cli

How to Use

服務端佔用3000 端口

ele ui

表單

一份表單有兩個需要編輯的地方，一個是表單本身的屬性，例如表單對象，表單的Ref（用於表單驗證），另一個就是表單包含的表單元素。

表單屬性在表單屬性編輯區可以編輯，表單元素的產生有兩種方式

• 拖曳

將表單元素拖曳到拖曳區，然後編輯表單元素屬性

• 支援JSON 轉換為表單

作為一個表單編輯工具，拖曳雖然簡單，但是表單數量多的時候還是很麻煩。

因為我司介面透過swagger 管理，其post 介面列出了數據，如下圖

你可以很方便的把資料貼到JSON 表單物件的輸入框，支援嵌套的物件。

但是貼上過來的資料僅有value 值，因此我定義了value:label這樣的結構，value 作為表單的value,label 作為表單的label。注意label 需要用引號引起來。

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

然後點選產生表單即可，預設產生Input，可在表單元素編輯區修改

表格

將後端返回得資料貼到生成表單得輸入框中，產生表單，然後編輯表格頭即可，後續會加上表格查詢

Author

? sarva

• Github: @Liugq5713

Show your support

Give a ️ if this project helped you!