腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

k-form-design表單設(shè)計器 v3.8.18

表單設(shè)計器

投訴報錯

源碼大?。?span>1.13MB
源碼語言：簡體中文
源碼類型：國產(chǎn)軟件
源碼授權(quán)：免費軟件
源碼類別：java源碼
應(yīng)用平臺：JavaScript
更新時間：2023-09-10
網(wǎng)友評分：

360通過騰訊通過金山通過

1.13MB

詳情介紹

k-form-design是一個基于vue Ant-Design 的表單設(shè)計器。設(shè)計器布局參考form-generator項目，基于vue和ant-design-vue實現(xiàn)的表單設(shè)計器，樣式使用less作為開發(fā)語言，主要功能是能通過簡單操作來生成配置表單，生成可保存的JSON數(shù)據(jù)，并能將JSON還原成表單，使表單開發(fā)更簡單更快速。

特性

可視化配置頁面

提供柵格、表格等布局

布局嵌套使用

提供預(yù)覽、保存、生成json、生成可執(zhí)行代碼等操作

支持表單驗證

快速獲取表單數(shù)據(jù)

自定義組件插入

自定義主題色

組件

KFormDesign 表單設(shè)計器(基于可視化操作快速設(shè)計出表單頁面，生成配置json或頁面)

KFormBuild 表單構(gòu)建器(根據(jù)設(shè)計器中獲取的配置json數(shù)據(jù)，快速構(gòu)建出表單頁面)

安裝

安裝表單設(shè)計器

npm i k-form-design --save
# OR
yarn add k-form-design

安裝 ant-design-vue UI ，推薦 vue2 版本最新的 1.7.8版本

npm i ant-design-vue@1.7.8 --save
# OR
yarn add ant-design-vue@1.7.8

引入組件

// 在main.js引入

// 注：useComponents 需放最上面，優(yōu)先注冊懶加載組件
import 'k-form-design/packages/core/useComponents'
import KFormDesign from 'k-form-design/packages/use.js'
import 'k-form-design/lib/k-form-design.css'

Vue.use(KFormDesign)

使用組件

<template>
<div>
<k-form-design />
</div>
</template>

k-form-design 表單設(shè)計器

下載地址

下載錯誤？【投訴報錯】