簡介
FormMaking 是基于 Vue 的可視化表單設(shè)計器板辽，賦能企業(yè)實現(xiàn)低代碼開發(fā)模式奇瘦；幫助開發(fā)者從傳統(tǒng)枯燥的表單代碼中解放出來，更多關(guān)注業(yè)務(wù)戳气，快速提高效率链患，節(jié)省研發(fā)成本巧鸭。在OA系統(tǒng)瓶您、考試系統(tǒng)、報表系統(tǒng)、流程管理等系統(tǒng)中應(yīng)用廣泛呀袱∶潮希基于 vue 和 element-ui 實現(xiàn)，使用了最新的前端技術(shù)棧夜赵，內(nèi)置了 i18n 國際化解決方案明棍，支持二次開發(fā)，支持自定義組件引入寇僧。
提供 表單設(shè)計器（MakingForm）和表單生成器（GenerateForm）兩個組件摊腋，通過表單設(shè)計器快速設(shè)計出表單頁面，生成可配置json和可直接運行的代碼嘁傀，使用表單生成器快速渲染出表單頁面兴蒸，并提供了豐富的操作API。
技術(shù)文檔
- 官網(wǎng)：http://form.making.link
- 演示：http://form.making.link/sample
- 文檔：https://www.yuque.com/ln7ccx/ntgo8q
- 聯(lián)系我們：http://form.making.link/contact
更新內(nèi)容
數(shù)據(jù)源
這次更新主要為表單設(shè)計器加上了數(shù)據(jù)源细办，讓表單和后端數(shù)據(jù)間實現(xiàn)了方便的交互橙凳，通過配置數(shù)據(jù)源可以方便的拿到后端的數(shù)據(jù)，數(shù)據(jù)源配置也是采用通用的接口配置模式笑撞。
可以通過下方動圖來感受下數(shù)據(jù)源如何配置：
詳細的配置方法可以查看官方文檔 配置數(shù)據(jù)源岛啸。
設(shè)計器初始化配置
表單設(shè)計器可以在初始化時進行一些全局的配置，比如使用的ui庫茴肥、表單的樣式表坚踩、數(shù)據(jù)源等。
<template>
<fm-making-form ref="makingForm" clearable upload preview generate-code generate-json
:global-config="globalConfig"
>
</fm-making-form>
</template>
<script>
export default {
data() {
return {
globalConfig: {
// 可以將表單預(yù)設(shè)的樣式放入到設(shè)計器中
styleSheets: '.a .el-form-item__label{color: red;}',
dataSource: [
{
key: 'getoptions', // 指定的唯一值
name: 'Get Options', // 數(shù)據(jù)源名稱炉爆，唯一值
url: 'http://tools-server.making.link/api/new/options', // 請求接口地址
method: 'GET',
auto: true, // 是否表單初始化時發(fā)送請求
responseFunc: 'return res.data', // 數(shù)據(jù)處理函數(shù)內(nèi)容
headers: {}, // 數(shù)據(jù)請求頭部堕虹，可選
params: {}, // 數(shù)據(jù)請求參數(shù)，可選
// 當(dāng) method == 'GET' 時芬首，params會以查詢參數(shù)方式提交赴捞，其它情況在 body 中提交。
}
]
}
}
}
}
</script>
更多的配置可以查看API Global Config Options郁稍。
其它已知問題修復(fù)與優(yōu)化
根據(jù)用戶反饋的問題進行優(yōu)化與修復(fù)赦政。
最后的話
FormMaking 會一直進行功能完善，幫助企業(yè)快速實現(xiàn)表單的自定義耀怜，如果大家有任何疑問恢着，建議和需求都可以聯(lián)系我們。
