[發明專利]網頁流程圖編輯方法及系統

無效

• 申請號: 201210287902.9
• 申請日: 2012-08-14
• 公開（公告）號: CN103593345A
• 公開（公告）日: 2014-02-19
• 發明（設計）人: 陳寶全;許宸維
• 申請（專利權）人: 捷達世軟件（深圳）有限公司;鴻海精密工業股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

1.一種網頁流程圖編輯方法，其特征在于，該方法包括以下步驟：

接收步驟：當接收到用戶終端的瀏覽器發送來的網頁文件訪問請求時，從服務器的數據庫中獲取該網頁文件；

發送步驟：生成流程圖編輯界面，將帶有流程圖編輯界面的該網頁文件發送至該瀏覽器；

編輯步驟：根據用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數據庫中。

2.如權利要求1所述的網頁流程圖編輯方法，其特征在于，所述接收步驟還根據該網頁文件的源程序代碼判斷該網頁文件中是否包含編輯流程圖的自訂標簽，當該網頁文件中包含編輯流程圖的自訂標簽時，執行所述發送步驟。

3.如權利要求1所述的網頁流程圖編輯方法，其特征在于，在所述編輯步驟中，通過新增或改變網頁文件里組成元件或連接線的DIV元素的級聯樣式表CSS樣式在流程圖編輯界面上編輯流程圖。

4.如權利要求1所述的網頁流程圖編輯方法，其特征在于，所述元件的基本信息包括元件的形狀、大小、位置、名稱和文字內容。

5.如權利要求1所述的網頁流程圖編輯方法，其特征在于，該方法還包括：

當再次接收到瀏覽器發送的該網頁文件的訪問請求時，從數據庫獲取該網頁文件、網頁文件中元件的基本信息、元件之間的連接線和連接關系；

生成流程圖編輯界面，然后將該元件的基本信息、元件之間的連接線和連接關系、帶有流程圖編輯界面的該網頁文件發送至瀏覽器。

6.一種網頁流程圖編輯系統，其特征在于，該系統包括：

接收模塊，用于當接收到用戶終端的瀏覽器發送來的網頁文件訪問請求時，從服務器的數據庫中獲取該網頁文件；

發送模塊，用于生成流程圖編輯界面，將帶有流程圖編輯界面的該網頁文件發送至該瀏覽器；

編輯模塊，用于根據用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數據庫中。

7.如權利要求6所述的網頁流程圖編輯系統，其特征在于，所述接收模塊還根據該網頁文件的源程序代碼判斷該網頁文件中是否包含編輯流程圖的自訂標簽，當該網頁文件中包含編輯流程圖的自訂標簽時，觸發所述發送模塊。

8.如權利要求6所述的網頁流程圖編輯系統，其特征在于，所述編輯模塊通過新增或改變網頁文件里組成元件或連接線的DIV元素的級聯樣式表CSS樣式在流程圖編輯界面上編輯流程圖。

9.如權利要求6所述的網頁流程圖編輯系統，其特征在于，所述元件的基本信息包括元件的形狀、大小、位置、名稱和文字內容。

10.如權利要求6所述的網頁流程圖編輯系統，其特征在于，該接收模塊還用于當再次接收到瀏覽器發送的該網頁文件的訪問請求時，從數據庫獲取該網頁文件、網頁文件中元件的基本信息、元件之間的連接線和連接關系；

所述發送模塊還用于生成流程圖編輯界面，然后將該元件的基本信息、元件之間的連接線和連接關系、帶有流程圖編輯界面的該網頁文件發送至瀏覽器。