[發(fā)明專利]一種基于jsPlumb技術(shù)的web流程設(shè)計(jì)方法

在審

• 申請?zhí)枺?/td>: 201811621521.3
• 申請日: 2018-12-28
• 公開（公告）號: CN109683868A
• 公開（公告）日: 2019-04-26
• 發(fā)明（設(shè)計(jì)）人: 唐雪飛;孫會(huì)君
• 申請（專利權(quán)）人: 成都康賽信息技術(shù)有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20
• 代理公司: 成都虹盛匯泉專利代理有限公司 51268
• 代理人: 劉冬靜

本發(fā)明公開了一種基于jsPlumb技術(shù)的web流程設(shè)計(jì)方法，包括以下步驟：S1、節(jié)點(diǎn)拖拽：調(diào)用jsPlumb內(nèi)置draggable方法初始化節(jié)點(diǎn)，并指定節(jié)點(diǎn)的helper屬性為clone、scop為當(dāng)前web流程設(shè)計(jì)器容器；S2、連線，為各個(gè)節(jié)點(diǎn)設(shè)置連線功能；S3、設(shè)置開始節(jié)點(diǎn)；S4、設(shè)置人工任務(wù)節(jié)點(diǎn)；S5、設(shè)置自動(dòng)審批節(jié)點(diǎn)；S6、設(shè)置網(wǎng)關(guān)節(jié)點(diǎn)；S7、設(shè)置條件；S8、設(shè)置事件。本發(fā)明的web流程設(shè)計(jì)方法能夠提高在瀏覽器上設(shè)計(jì)流程設(shè)計(jì)的兼容性，簡化設(shè)計(jì)流程，降低流程設(shè)計(jì)的使用難度；并且將流程設(shè)計(jì)內(nèi)容以json的格式存放，便于擴(kuò)展節(jié)點(diǎn)或流程屬性。

技術(shù)領(lǐng)域

本發(fā)明屬于圖像處理技術(shù)領(lǐng)域，特別涉及一種基于jsPlumb技術(shù)的web流程設(shè)計(jì)方法。

背景技術(shù)

jsPlumb是一個(gè)功能較強(qiáng)大的繪圖組件，它提供了一種方法，主要用于連接網(wǎng)頁上的元素。在現(xiàn)代瀏覽器中，它使用SVG或者Canvas技術(shù)，而對于IE8以下(含IE8)的瀏覽器，則使用VML技術(shù)。能兼容主流瀏覽器。

發(fā)明內(nèi)容

本發(fā)明的目的在于克服現(xiàn)有技術(shù)的不足，提供一種能夠提高在瀏覽器上設(shè)計(jì)流程設(shè)計(jì)的兼容性，簡化設(shè)計(jì)流程，降低流程設(shè)計(jì)的使用難度；并且將流程設(shè)計(jì)內(nèi)容以json的格式存放，便于擴(kuò)展節(jié)點(diǎn)或流程屬性的基于jsPlumb技術(shù)的web流程設(shè)計(jì)方法。

本發(fā)明的目的是通過以下技術(shù)方案來實(shí)現(xiàn)的：一種基于jsPlumb技術(shù)的web流程設(shè)計(jì)方法，包括以下步驟：

S1、節(jié)點(diǎn)拖拽：調(diào)用jsPlumb內(nèi)置draggable方法初始化節(jié)點(diǎn)，并指定節(jié)點(diǎn)的helper屬性為clone、scop為當(dāng)前web流程設(shè)計(jì)器容器；

S2、連線，為各個(gè)節(jié)點(diǎn)設(shè)置連線功能；

S3、設(shè)置開始節(jié)點(diǎn)：對任意節(jié)點(diǎn)按照步驟S1的方法進(jìn)行初始化，然后指定該節(jié)點(diǎn)的類型為開始節(jié)點(diǎn)類型，并綁定開始節(jié)點(diǎn)屬性點(diǎn)擊事件；

S4、設(shè)置人工任務(wù)節(jié)點(diǎn)，對另一自由節(jié)點(diǎn)按照步驟S1的方法進(jìn)行初始化，然后指定該節(jié)點(diǎn)的類型為人工任務(wù)節(jié)點(diǎn)，并綁定人工任務(wù)節(jié)點(diǎn)屬性點(diǎn)擊事件；

S5、設(shè)置自動(dòng)審批節(jié)點(diǎn)，對另一自由節(jié)點(diǎn)按照步驟S1的方法進(jìn)行初始化，指定該節(jié)點(diǎn)的類型為自動(dòng)審批節(jié)點(diǎn)，并綁定自動(dòng)審批屬性點(diǎn)擊事件；

S6、設(shè)置網(wǎng)關(guān)節(jié)點(diǎn)：對另一自由節(jié)點(diǎn)按照步驟S1的方法進(jìn)行初始化，指定該節(jié)點(diǎn)的類型為網(wǎng)關(guān)節(jié)點(diǎn)，并綁定網(wǎng)關(guān)節(jié)點(diǎn)屬性點(diǎn)擊事件；

S7、設(shè)置條件:web流程設(shè)計(jì)器容器初始化時(shí)，主動(dòng)調(diào)用jsPlumb實(shí)例對象的bind方法來注冊連線的鼠標(biāo)單擊屬性事件；

S8、設(shè)置事件，事件為當(dāng)前流程的全局事件，當(dāng)配置完事件內(nèi)容后，主動(dòng)將事件內(nèi)容保存到內(nèi)存中，以便在最終生成流程的json或xml時(shí)使用。

進(jìn)一步地，所述開始節(jié)點(diǎn)，用于作為流程流動(dòng)的入口，任何一條流程都只有一個(gè)開始節(jié)點(diǎn)，并且在該節(jié)點(diǎn)上綁定發(fā)起人需要填報(bào)的表單。

進(jìn)一步地，所述人工任務(wù)節(jié)點(diǎn)，用于對審批人員進(jìn)行綁定；即可根據(jù)人員ID指定，也可通過角色、職務(wù)等指定審批人。

進(jìn)一步地，所述自動(dòng)審批節(jié)點(diǎn)，用于編寫自動(dòng)審批的條件，當(dāng)流程流動(dòng)至自動(dòng)審批節(jié)點(diǎn)，執(zhí)行審批條件，滿足審批條件則繼續(xù)往下流動(dòng)；否則等待預(yù)設(shè)時(shí)長之后重新執(zhí)行審批條件，直至滿足條件或執(zhí)行次數(shù)達(dá)到閥值為止。

進(jìn)一步地，所述網(wǎng)關(guān)節(jié)點(diǎn)，包括并行網(wǎng)關(guān)和排他網(wǎng)關(guān)；并行網(wǎng)關(guān)設(shè)置為滿足該節(jié)點(diǎn)前所有分支條件，才能往下流動(dòng)；排他網(wǎng)關(guān)設(shè)置為只需滿足該節(jié)點(diǎn)前一個(gè)條件分支即可往下流動(dòng)。

進(jìn)一步地，所述條件用于綁定從一個(gè)節(jié)點(diǎn)到另一個(gè)節(jié)點(diǎn)的流動(dòng)條件，從兩個(gè)節(jié)點(diǎn)之間的連線即為條件。

進(jìn)一步地，所述事件定義為流程流動(dòng)過程中需要執(zhí)行的事件。