[發明專利]一種Web框架下的業務流程圖展示方法及系統

在審

• 申請號: 201811480143.1
• 申請日: 2018-12-05
• 公開（公告）號: CN109615210A
• 公開（公告）日: 2019-04-12
• 發明（設計）人: 任雪冰;王士勇;鐘如玉;秦濤
• 申請（專利權）人: 山東浪潮通軟信息科技有限公司
• 主分類號: G06Q10/06
• 分類號: G06Q10/06;G06Q10/10
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 孫園園

1.一種Web框架下的業務流程圖展示方法，其特征在于，該方法是通過服務器端獲取業務流程數據形成業務流程節點實體類對象，將業務流程節點實體類對象轉換成JSON格式的業務流程節點JSON對象并傳遞到前臺，前臺解析業務流程節點JSON對象，通過MxGraph和SVG繪制出業務流程圖。

2.根據權利要求1所述的Web框架下的業務流程圖展示方法，其特征在于，該方法具體包括如下步驟：

(1)、服務器端獲取業務流程數據形成業務流程節點實體類對象，將業務流程實體類對象的每個環節對應到每個節點類上；

(2)、服務器端根據業務流程實體類對象的節點組織出了一個包含所有流程環節的節點對象數組，并將節點對象數組轉化為JSON格式字符串，即業務流程節點JSON對象；

(3)、服務器端將業務流程節點JSON對象傳遞到前臺腳本創建合并模塊；

(4)、前臺腳本創建合并模塊接收到業務流程節點JSON對象，根據業務流程節點JSON對象創建樣式對象；

(5)、前臺腳本創建合并模塊將業務流程節點JSON對象和樣式對象進行合并，作為參數傳遞給前臺腳本繪制模塊；

(6)、前臺腳本繪制模塊將傳入的合并對象參數利用業務流程解析器解析出對應的節點對象和樣式對象；

(7)、前臺腳本繪制模塊通過MxGraph先加載樣式對象，再根據節點對象的信息在頁面上繪制每個節點，節點繪制完成后再根據節點信息繪制每個節點之間的連線，形成業務流程圖。

3.根據權利要求2所述的Web框架下的業務流程圖展示方法，其特征在于，所述步驟(7)中前臺腳本繪制模塊繪制業務流程圖的步驟如下：

(a)、繪制節點樣式：分別繪制已辦節點、當前在辦節點、未辦節點的展示樣式；

(b)、繪制各流程節點：根據節點樣式繪制各流程節點；

(c)、繪制節點連線：繪制連接各節點的連接線，將各節點連接起來；

(d)、綁定節點事件：在需要進行事件交互的節點上綁定事件處理。

4.根據權利要求2或3所述的Web框架下的業務流程圖展示方法，其特征在于，所述節點類的屬性包括每個環節的辦理人、時間以及是否辦理。

5.根據權利要求4所述的Web框架下的業務流程圖展示方法，其特征在于，所述業務流程節點實體類對象用于服務器端描述業務流程節點的數據載體。

6.根據權利要求5所述的Web框架下的業務流程圖展示方法，其特征在于，所述業務流程節點實體類對象的屬性和業務流程節點JSON對象的屬性均包括當前節點、下個節點、節點處理人、節點處理日期、節點顯示名稱以及節點ID。

7.根據權利要求6所述的Web框架下的業務流程圖展示方法，其特征在于，所述業務流程節點JSON對象用于供前臺解析繪制業務流程圖的數據載體。

8.根據權利要求7所述的Web框架下的業務流程圖展示方法，其特征在于，所述步驟(4)中樣式對象的屬性包括節點圖形展示樣式、節點顏色、連線寬度、連線顏色以及連線樣式。

9.一種Web框架下的業務流程圖展示系統，其特征在于，該系統包括服務器端和前臺，服務器端向前臺傳輸業務流程節點JSON對象；

服務器端用于獲取業務流程數據形成業務流程節點實體類對象，根據業務流程實體類對象的節點組織出了一個包含所有流程環節的節點對象數組，并將節點對象數組轉化為JSON格式字符串，再將業務流程節點JSON對象傳遞到前臺；

前臺包括前臺腳本創建合并模塊、前臺腳本繪制模塊和業務流程解析器；

前臺腳本創建合并模塊用于接收服務器端傳遞的業務流程節點JSON對象，并根據業務流程節點JSON對象創建樣式對象，再將業務流程節點JSON對象和樣式對象進行合并，作為參數傳遞給前臺腳本繪制模塊；

前臺腳本繪制模塊用于根據節點對象的信息在頁面上繪制每個節點，節點繪制完成后再根據節點信息繪制每個節點之間的連線，形成業務流程圖；

業務流程解析器用于解析前臺腳本創建合并模塊傳遞給前臺腳本繪制模塊的業務流程節點JSON對象和樣式對象進行合并后的參數，解析出對應的節點對象和樣式對象。