「DAY20」表單簽核模組設計與實作(二)

Posted on October 4, 2023 • 1 min read • 51 words
Share via

我們今天要實作BPMN的繪圖及配置,筆者只會在本文中手把手帶初版的配置,再進階的怕嚇跑大家,有機會筆者在部落格分享。

我們今天要實作BPMN的繪圖及配置,筆者只會在本文中手把手帶初版的配置,再進階的怕嚇跑大家,有機會筆者在部落格分享。

今天的目標

https://ithelp.ithome.com.tw/upload/images/20231004/201632546cYsGSoND3.png

我們從流程開始,做一個user task 並嵌入一個camunda form,當用戶填寫完表單後submit後進行表單完整度驗證,這時我們使用service task,導入java class,回饋真假值,如果假,直接結束,如果為真,我們會進入到user task ,進行人工審合,並結案。

您會發現其實這對於實際的商業表單簽核有一定的差別,請您不避慌張,主要是在實際的簽核中,有太多「意外」會發生,我們需要一一列管,這會讓這個流程變得異常複雜。

繪圖BPMN

首先,我們先新建一張表,請選擇「camunda 7 BPMN」,先儲存為main.bpmn ,路徑為桌面> resources

https://ithelp.ithome.com.tw/upload/images/20231004/20163254HTkxdEdx32.png


建立一個start event ,標註為「流程開始」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254K7b8SNJIT7.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254KAVFW5EowA.png


再來,建立一個「user task」,標註為「填寫表單」。

https://ithelp.ithome.com.tw/upload/images/20231004/201632549VxEcVL4e8.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254DF9LYFjDs3.png


再來,建立一個「service task」,標註為「檢查申請完整性」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254T93HoegdJp.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/201632548EJiteNWhH.png


再來,建立一個「exclusive gateway」,標註為「完整?」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254SdNIFtS3c4.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254761ItH6zbU.png


再來,建立一個「sequence flow」,標註為「No」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254NITftbm71v.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/201632548onZVnWZuJ.png


再來,建立一個「end event」,標註為「結束」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254UqeahvEpjc.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254Y95iTvQrP3.png


再來,建立一個「user task」,標註為「審查」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254wZ2WXupH0Q.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254v0UXfAfGxr.png


再來,建立一個「sequence flow」,標註為「Yes」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254ffQmwkcfTy.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/20163254fO1ZjNEL1S.png


再來,建立一個「end event」,標註為「結束」。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254NBi4OqrZit.png

配置項如下

https://ithelp.ithome.com.tw/upload/images/20231004/201632546yEQOAr7wN.png

記得要儲存喔~~

恭喜您完成今天的挑戰,明天我們會進入撰寫程式的部分。


進階挑戰

我們再將難度加大,如果您有完成,歡迎在底下留言,並分享您是怎麼配置的,這個圖可以再怎麼敢擅。

https://ithelp.ithome.com.tw/upload/images/20231004/20163254tnNB3I6qOD.png

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

anything.best

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

Follow me

I work on everything coding and tweet developer memes