iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
IT管理

Camunda征服「流程管理」,解放時間系列 第 24

「DAY24」增添亮點:FORM.IO

  • 分享至 

  • xImage
  •  

筆者今天來介紹一套很有趣的前端表格js庫,可以幫助繁忙的您,快速搭建出具有商業性的表格並搭配Camunda流程。

Form.io

這是一個可以透過json檔顯示表格,前後的傳遞皆是依靠json 完成,如果對預設的表格樣式不喜歡,也可以自定義css。

https://ithelp.ithome.com.tw/upload/images/20231008/20163254QHTj0p9jUJ.png

(圖片來源:https://formio.github.io/formio.js/#)

重點是,這套有釋出開源版本,如果您對serverless沒有很強烈的需求,其實他的開源版已經可以符合大部分業務場景。

https://ithelp.ithome.com.tw/upload/images/20231008/20163254ASlyAYjVXs.png

(圖片來源:https://formio.github.io/formio.js/app/builder.html)

可以透過拖曳的方式建立表單,也可以在您的應用程式上建立。

下圖是表單生成的json

https://ithelp.ithome.com.tw/upload/images/20231008/20163254iAYsMLoZWu.png

(圖片來源:https://formio.github.io/formio.js/app/builder.html)

下圖是傳送資料給後端的json

https://ithelp.ithome.com.tw/upload/images/20231008/20163254h14j03lPWz.png

(圖片來源:https://formio.github.io/formio.js/app/builder.html)

Form.io 遇上camunda

https://github.com/StephenOTT/camunda-formio-plugin

推薦使用上面這個插件,可以快速引入camunda表單系統。如果之後有機會,會在部落格撰寫文章做介紹。

如果有任何問題,歡迎在下方留言!! 筆者頭一回寫技術文,如果內容有誤,或者內容的呈現上有所缺陷,如果您願意,歡迎在下方留言給我呦~~

anything.best

這是我的部落格,歡迎點擊閱覽喔~~會不定期更新文章


上一篇
「DAY23」Camunda可能會有的問題
下一篇
「DAY25」雲端時代:Camunda上雲(AWS)
系列文
Camunda征服「流程管理」,解放時間30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言