本技術(shù)涉及網(wǎng)頁(yè)端的流程設(shè)計(jì)，具體涉及一種基于網(wǎng)頁(yè)的流程生成方法及系統(tǒng)。

背景技術(shù)：

1、項(xiàng)目流程設(shè)計(jì)是指在項(xiàng)目啟動(dòng)階段根據(jù)項(xiàng)目目標(biāo)和需求，規(guī)劃和設(shè)計(jì)項(xiàng)目執(zhí)行的具體流程和步驟，也是數(shù)據(jù)流轉(zhuǎn)和企業(yè)審批的重要形式，因此在企業(yè)中得到廣泛的應(yīng)用，但是在現(xiàn)有技術(shù)中，大部分流程設(shè)計(jì)器都是在pc上實(shí)現(xiàn)的，這導(dǎo)致后臺(tái)運(yùn)行繁瑣，占用存儲(chǔ)空間，所以無(wú)需更多占用存儲(chǔ)空間的網(wǎng)頁(yè)設(shè)計(jì)流程，是未來(lái)流程設(shè)計(jì)使用技術(shù)的發(fā)展趨勢(shì)。

2、目前大部分流程設(shè)計(jì)，都是在pc端進(jìn)行的，很顯然這種方式存在以下幾個(gè)問(wèn)題：1、當(dāng)前并沒(méi)有獲取項(xiàng)目數(shù)據(jù)是流程設(shè)計(jì)的重要步驟，但是根據(jù)項(xiàng)目的范圍和目標(biāo)可以分析項(xiàng)目的可行性、明確項(xiàng)目的總體目標(biāo)和階段性目標(biāo)；也沒(méi)有根據(jù)項(xiàng)目計(jì)劃能夠確定項(xiàng)目執(zhí)行的整體框架和整體流程和各階段，進(jìn)而不能明確項(xiàng)目的關(guān)鍵里程碑和交付物，從而不能確定項(xiàng)目執(zhí)行的具體流程和步驟，因?yàn)槠渲邪?xiàng)目啟動(dòng)、需求分析、設(shè)計(jì)開(kāi)發(fā)、測(cè)試驗(yàn)收、上線運(yùn)營(yíng)等；同時(shí)也不能確定各個(gè)團(tuán)隊(duì)成員在項(xiàng)目中的具體工作內(nèi)容和任務(wù)分工，無(wú)法建立有效的溝通和協(xié)調(diào)機(jī)制，也無(wú)法確保了項(xiàng)目各方之間的信息暢通和協(xié)作順暢，不能提升項(xiàng)目執(zhí)行效率。

3、2、本技術(shù)中具有完備的流程節(jié)點(diǎn)屬性，人性化的交互設(shè)計(jì)，根據(jù)業(yè)務(wù)需求任意設(shè)計(jì)出各種審批應(yīng)用，流程圖的設(shè)計(jì)、處理、查看進(jìn)度都可以只用在網(wǎng)頁(yè)端進(jìn)行；具備快捷強(qiáng)大的流程設(shè)計(jì)能力，根據(jù)用戶的業(yè)務(wù)要求，實(shí)時(shí)編輯流程、發(fā)起流程數(shù)據(jù)、處理流程，讓信息流轉(zhuǎn)不再僵硬，效率倍增。

技術(shù)實(shí)現(xiàn)思路

1、針對(duì)上述存在的技術(shù)不足，本技術(shù)的目的是提供一種基于網(wǎng)頁(yè)的流程生成方法及系統(tǒng)。

2、為解決上述技術(shù)問(wèn)題，本技術(shù)采用如下技術(shù)方案：本技術(shù)在第一方面提供一種基于網(wǎng)頁(yè)的流程生成方法，該方法包括以下步驟：步驟一、流程設(shè)計(jì)：用戶根據(jù)流程設(shè)計(jì)的網(wǎng)頁(yè)地址進(jìn)入流程設(shè)計(jì)網(wǎng)頁(yè)中，進(jìn)而用戶選擇填寫項(xiàng)目數(shù)據(jù)或選擇直接進(jìn)入流程設(shè)計(jì)頁(yè)面，從而完成流程圖的項(xiàng)目數(shù)據(jù)填入。

3、步驟二、屬性設(shè)置：用戶在上欄中選擇屬性設(shè)置選項(xiàng)，進(jìn)而從流程設(shè)計(jì)頁(yè)面跳轉(zhuǎn)至屬性設(shè)置頁(yè)面，提示用戶對(duì)流程圖中的各節(jié)點(diǎn)的屬性進(jìn)行編輯，從而完成各節(jié)點(diǎn)對(duì)流程設(shè)計(jì)的各操作權(quán)限的設(shè)置。

4、步驟三、樣式設(shè)計(jì)：用戶在上欄中選擇樣式設(shè)計(jì)選項(xiàng)，進(jìn)而跳轉(zhuǎn)至樣式設(shè)計(jì)頁(yè)面，進(jìn)而用戶根據(jù)文字提示完成流程圖的樣式設(shè)計(jì)。

5、步驟四、流程圖存儲(chǔ)：當(dāng)用戶完成流程設(shè)計(jì)、屬性設(shè)置和樣式設(shè)計(jì)時(shí)，在主頁(yè)面彈出流程圖預(yù)覽對(duì)話框，提示用戶對(duì)流程圖進(jìn)行檢查，確認(rèn)無(wú)誤后進(jìn)行保存，流程圖保存在瀏覽器內(nèi)存中，并在用戶的個(gè)人中心的已保存中顯示。

6、步驟五、報(bào)表生成和設(shè)計(jì)：獲取流程圖對(duì)應(yīng)的報(bào)表信息，并根據(jù)報(bào)表信息生成流程圖對(duì)應(yīng)的初始報(bào)表；用戶在上欄中選擇報(bào)表設(shè)計(jì)選項(xiàng)，進(jìn)而跳轉(zhuǎn)至報(bào)表設(shè)計(jì)頁(yè)面，進(jìn)而用戶根據(jù)提供的模版圖片和文字提示進(jìn)行報(bào)表預(yù)覽，從而選擇對(duì)應(yīng)的模版，完成初始報(bào)表的設(shè)計(jì)。

7、步驟六、報(bào)表存儲(chǔ)：當(dāng)用戶完成初始報(bào)表的設(shè)計(jì)時(shí)，在主頁(yè)面彈出報(bào)表預(yù)覽對(duì)話框，提示用戶對(duì)報(bào)表進(jìn)行檢查，確認(rèn)無(wú)誤后進(jìn)行保存，報(bào)表保存在瀏覽器內(nèi)存中，并在用戶的個(gè)人中心的已保存中顯示。

8、優(yōu)選地，所述項(xiàng)目數(shù)據(jù)包括項(xiàng)目范圍、目標(biāo)、計(jì)劃、階段、角色。

9、優(yōu)選地，所述用戶選擇填寫項(xiàng)目數(shù)據(jù)或選擇直接進(jìn)入流程設(shè)計(jì)頁(yè)面，從而完成流程圖的項(xiàng)目數(shù)據(jù)填入，具體填入過(guò)程如下：a1、當(dāng)用戶選擇填寫項(xiàng)目數(shù)據(jù)時(shí)，進(jìn)而跳轉(zhuǎn)至項(xiàng)目數(shù)據(jù)填寫頁(yè)面，用戶根據(jù)提示填寫項(xiàng)目數(shù)據(jù)中的項(xiàng)目范圍、目標(biāo)、計(jì)劃、階段、角色，并選擇提交，提交時(shí)網(wǎng)頁(yè)生成項(xiàng)目數(shù)據(jù)目錄，提示用戶進(jìn)行檢查，確認(rèn)無(wú)誤后選擇確認(rèn)選項(xiàng)，服務(wù)器接收項(xiàng)目數(shù)據(jù)，進(jìn)而將項(xiàng)目數(shù)據(jù)中的項(xiàng)目范圍、目標(biāo)、計(jì)劃、階段、角色填入至流程設(shè)計(jì)中對(duì)應(yīng)的位置，由此生成初始流程設(shè)計(jì)，進(jìn)而跳轉(zhuǎn)至包含初始流程設(shè)計(jì)的流程設(shè)計(jì)頁(yè)面，提示用戶對(duì)初始流程設(shè)計(jì)進(jìn)行修改，包括添加節(jié)點(diǎn)、添加同級(jí)節(jié)點(diǎn)、編輯、替換和刪除節(jié)點(diǎn)操作。

10、a2、當(dāng)用戶選擇選擇直接進(jìn)入流程設(shè)計(jì)頁(yè)面時(shí)，流程初始設(shè)計(jì)狀態(tài)包括流程的發(fā)起人、流程的結(jié)束節(jié)點(diǎn)，提示用戶在流程圖上填寫發(fā)起人節(jié)點(diǎn)，添加發(fā)起人后的流程節(jié)點(diǎn)，并選擇流程節(jié)點(diǎn)對(duì)應(yīng)的處理執(zhí)行者，提示用戶在流程圖上進(jìn)行添加節(jié)點(diǎn)、添加同級(jí)節(jié)點(diǎn)、編輯、替換和刪除節(jié)點(diǎn)操作。

11、優(yōu)選地，所述用戶對(duì)流程圖中的各節(jié)點(diǎn)的屬性進(jìn)行編輯，從而完成各節(jié)點(diǎn)對(duì)流程設(shè)計(jì)的各操作權(quán)限的設(shè)置，具體設(shè)置過(guò)程如下：用戶選擇流程圖中需要編輯屬性的節(jié)點(diǎn)，頁(yè)面彈出節(jié)點(diǎn)屬性對(duì)話框，根據(jù)節(jié)點(diǎn)屬性對(duì)話框中的顯示名稱、執(zhí)行人、執(zhí)行模式、是否為知會(huì)節(jié)點(diǎn)、處理權(quán)限、節(jié)點(diǎn)匹配、意見(jiàn)處理設(shè)置、處理期限、操作權(quán)限的文字提示，在各文字提示后的輸入框進(jìn)行輸入、選項(xiàng)框進(jìn)行選擇或下拉欄進(jìn)行選擇，其中處理權(quán)限包括加簽、回退、終止、知會(huì)、移交、減簽、指定回退，節(jié)點(diǎn)匹配包括由上結(jié)點(diǎn)選人、自動(dòng)跳過(guò)，意見(jiàn)處理設(shè)置包括處理時(shí)必須填意見(jiàn)、回退時(shí)必須填意見(jiàn)；用戶完成節(jié)點(diǎn)屬性設(shè)置后，提示選擇保存選項(xiàng)，確定后彈出預(yù)覽圖對(duì)話框，提示用戶對(duì)節(jié)點(diǎn)屬性進(jìn)行確認(rèn)，確認(rèn)完成后選擇確定選項(xiàng)，從而完成各節(jié)點(diǎn)對(duì)流程設(shè)計(jì)的各操作權(quán)限的設(shè)置。

12、優(yōu)選地，所述用戶根據(jù)文字提示完成流程圖的樣式設(shè)計(jì)，具體設(shè)計(jì)過(guò)程如下：用戶根據(jù)樣式設(shè)計(jì)頁(yè)面的顏色、節(jié)點(diǎn)顏色、字體、文字顏色、文字大小、連線類型、連線起點(diǎn)樣式、連線終點(diǎn)樣式、線條顏色、線條寬度、線條樣式文字提示，在各文字提示后的下拉欄進(jìn)行選擇，完成流程圖的樣式設(shè)計(jì)；用戶完成樣式設(shè)計(jì)后，提示選擇保存選項(xiàng)，確定后彈出預(yù)覽圖對(duì)話框，提示用戶對(duì)樣式設(shè)計(jì)進(jìn)行確認(rèn)，確認(rèn)完成后選擇確定選項(xiàng)，從而完成流程圖的樣式設(shè)計(jì)。

13、優(yōu)選地，所述獲取流程圖對(duì)應(yīng)的報(bào)表信息，并根據(jù)報(bào)表信息生成流程圖對(duì)應(yīng)的初始報(bào)表，具體生成過(guò)程如下：用戶在個(gè)人中心的已保存流程圖中選擇對(duì)應(yīng)的流程圖，并將流程圖分享至對(duì)應(yīng)的角色，在項(xiàng)目進(jìn)行時(shí)，由有權(quán)限的角色對(duì)項(xiàng)目中的報(bào)表信息進(jìn)行實(shí)時(shí)填寫，當(dāng)項(xiàng)目結(jié)束時(shí)，用戶選擇報(bào)表完成選項(xiàng)，進(jìn)而獲取流程圖對(duì)應(yīng)的報(bào)表信息，從而根據(jù)報(bào)表信息生成流程圖對(duì)應(yīng)的初始報(bào)表。

14、優(yōu)選地，所述用戶根據(jù)提供的模版圖片和文字提示進(jìn)行報(bào)表預(yù)覽，從而選擇對(duì)應(yīng)的模版，完成初始報(bào)表的設(shè)計(jì)，具體設(shè)計(jì)過(guò)程如下：用戶根據(jù)報(bào)表設(shè)計(jì)頁(yè)面中的模版圖片和文字提示，選擇對(duì)應(yīng)的模版；當(dāng)用戶選擇模版后，跳轉(zhuǎn)至報(bào)表設(shè)計(jì)子頁(yè)面，用戶根據(jù)報(bào)表設(shè)計(jì)子頁(yè)面上欄中的字體、文字顏色、文字大小、邊框類型、邊框樣式、邊框顏色、邊框?qū)挾?、?bào)表底紋等文字提示，完成初始報(bào)表的基本設(shè)計(jì)；用戶完成初始報(bào)表的基本設(shè)計(jì)后，提示選擇保存選項(xiàng)，確定后彈出預(yù)覽圖對(duì)話框，提示用戶對(duì)初始報(bào)表的設(shè)計(jì)進(jìn)行確認(rèn)，確認(rèn)完成后選擇確定選項(xiàng)，從而完成初始報(bào)表的設(shè)計(jì)。

15、本技術(shù)在第二方面提供了一種基于網(wǎng)頁(yè)的流程生成系統(tǒng)，包括以下模塊：流程設(shè)計(jì)模塊，用于用戶根據(jù)流程設(shè)計(jì)的網(wǎng)頁(yè)地址進(jìn)入流程設(shè)計(jì)網(wǎng)頁(yè)中，進(jìn)而用戶選擇填寫項(xiàng)目數(shù)據(jù)或選擇直接進(jìn)入流程設(shè)計(jì)頁(yè)面，從而完成流程圖的項(xiàng)目數(shù)據(jù)填入。

16、屬性設(shè)置模塊，用于用戶在上欄中選擇屬性設(shè)置選項(xiàng)，進(jìn)而從流程設(shè)計(jì)頁(yè)面跳轉(zhuǎn)至屬性設(shè)置頁(yè)面，提示用戶對(duì)流程圖中的各節(jié)點(diǎn)的屬性進(jìn)行編輯，從而完成各節(jié)點(diǎn)對(duì)流程設(shè)計(jì)的各操作權(quán)限的設(shè)置。

17、樣式設(shè)計(jì)模塊，用于用戶在上欄中選擇樣式設(shè)計(jì)選項(xiàng)，進(jìn)而跳轉(zhuǎn)至樣式設(shè)計(jì)頁(yè)面，進(jìn)而用戶根據(jù)文字提示完成流程圖的樣式設(shè)計(jì)。

18、流程圖存儲(chǔ)模塊，用于當(dāng)用戶完成流程設(shè)計(jì)、屬性設(shè)置和樣式設(shè)計(jì)時(shí)，在主頁(yè)面彈出流程圖預(yù)覽對(duì)話框，提示用戶對(duì)流程圖進(jìn)行檢查，確認(rèn)無(wú)誤后進(jìn)行保存，流程圖保存在瀏覽器內(nèi)存中，并在用戶的個(gè)人中心的已保存中顯示。

19、報(bào)表生成和設(shè)計(jì)模塊，用于獲取流程圖對(duì)應(yīng)的報(bào)表信息，并根據(jù)報(bào)表信息生成流程圖對(duì)應(yīng)的初始報(bào)表；用戶在上欄中選擇報(bào)表設(shè)計(jì)選項(xiàng)，進(jìn)而跳轉(zhuǎn)至報(bào)表設(shè)計(jì)頁(yè)面，進(jìn)而用戶根據(jù)提供的模版圖片和文字提示進(jìn)行報(bào)表預(yù)覽，從而選擇對(duì)應(yīng)的模版，完成初始報(bào)表的設(shè)計(jì)。

20、報(bào)表存儲(chǔ)模塊，用于當(dāng)用戶完成初始報(bào)表的設(shè)計(jì)時(shí)，在主頁(yè)面彈出報(bào)表預(yù)覽對(duì)話框，提示用戶對(duì)報(bào)表進(jìn)行檢查，確認(rèn)無(wú)誤后進(jìn)行保存，報(bào)表保存在瀏覽器內(nèi)存中，并在用戶的個(gè)人中心的已保存中顯示。

21、本技術(shù)的有益效果在于：1、本技術(shù)提供的一種基于網(wǎng)頁(yè)的流程生成方法及系統(tǒng)，使用網(wǎng)頁(yè)進(jìn)行流程設(shè)計(jì)，解決了當(dāng)前pc端進(jìn)行流程設(shè)計(jì)的過(guò)程中存在的硬件的局限性問(wèn)題，實(shí)現(xiàn)了流程設(shè)計(jì)的快捷創(chuàng)建且交互簡(jiǎn)潔，在選擇流程節(jié)點(diǎn)的處理人時(shí)，支持選單人或多人且無(wú)需每次要重新選擇，僅需要用戶設(shè)置一次，即可多次應(yīng)用，保障了使用網(wǎng)頁(yè)進(jìn)行流程設(shè)計(jì)的可行性、全面性和客觀性，也保障了網(wǎng)頁(yè)流程設(shè)計(jì)的可靠性，進(jìn)而為后續(xù)基于網(wǎng)頁(yè)的流程生成方法的針對(duì)性管理和均衡性發(fā)展提供了可靠的依據(jù)，從而使基于網(wǎng)頁(yè)的流程生成方法能夠及時(shí)更新。

22、2、本技術(shù)獲取項(xiàng)目數(shù)據(jù)是流程設(shè)計(jì)的重要步驟，因?yàn)楦鶕?jù)項(xiàng)目的范圍和目標(biāo)可以分析項(xiàng)目的可行性、明確項(xiàng)目的總體目標(biāo)和階段性目標(biāo)；根據(jù)項(xiàng)目計(jì)劃能夠確定項(xiàng)目執(zhí)行的整體框架和整體流程和各階段，進(jìn)而明確項(xiàng)目的關(guān)鍵里程碑和交付物，從而確定項(xiàng)目執(zhí)行的具體流程和步驟，其中包括項(xiàng)目啟動(dòng)、需求分析、設(shè)計(jì)開(kāi)發(fā)、測(cè)試驗(yàn)收、上線運(yùn)營(yíng)等；同時(shí)確定各個(gè)團(tuán)隊(duì)成員在項(xiàng)目中的具體工作內(nèi)容和任務(wù)分工，建立有效的溝通和協(xié)調(diào)機(jī)制，確保了項(xiàng)目各方之間的信息暢通和協(xié)作順暢，提升項(xiàng)目執(zhí)行效率。

23、3、本技術(shù)中具有完備的流程節(jié)點(diǎn)屬性，人性化的交互設(shè)計(jì)，根據(jù)業(yè)務(wù)需求任意設(shè)計(jì)出各種審批應(yīng)用，流程圖的設(shè)計(jì)、處理、查看進(jìn)度都可以只用在網(wǎng)頁(yè)端進(jìn)行；具備快捷強(qiáng)大的流程設(shè)計(jì)能力，根據(jù)用戶的業(yè)務(wù)要求，實(shí)時(shí)編輯流程、發(fā)起流程數(shù)據(jù)、處理流程，讓信息流轉(zhuǎn)不再僵硬，效率倍增。