網(wǎng)頁流程圖編輯方法及系統(tǒng)的制作方法
【專利摘要】一種網(wǎng)頁流程圖編輯方法，包括以下步驟：當接收到用戶終端的瀏覽器發(fā)送來的網(wǎng)頁文件訪問請求時，從服務器的數(shù)據(jù)庫中獲取該網(wǎng)頁文件；生成流程圖編輯界面，將帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至該瀏覽器；根據(jù)用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數(shù)據(jù)庫中。本發(fā)明還提供一種網(wǎng)頁流程圖編輯系統(tǒng)。利用本發(fā)明可以在網(wǎng)頁上實時編輯流程圖，不必將整份流程圖傳送到服務器上儲存，降低服務器的負荷。
【專利說明】網(wǎng)頁流程圖編輯方法及系統(tǒng)
【技術領域】
[0001]本發(fā)明涉及網(wǎng)絡通信領域，特別涉及一種網(wǎng)頁流程圖編輯方法及系統(tǒng)。
【背景技術】
[0002]因特網(wǎng)與信息科技的迅速發(fā)展，改變了人類生活與工作的運作模式。窗口環(huán)境應用程序的優(yōu)勢正逐漸受到網(wǎng)頁環(huán)境、行動裝置與嵌入式系統(tǒng)等操作環(huán)境的威脅。大型企業(yè)開始利用網(wǎng)頁應用程序的平臺來管理工作流程，提升營運效率。一般用戶也使用網(wǎng)頁應用程序來處理文書作業(yè)。用戶無須下載、安裝特定程序，只需要進入特定的網(wǎng)頁即可開啟網(wǎng)絡應用程序來執(zhí)行編寫、分享和管理文件的操作。
[0003]目前，以網(wǎng)頁為基礎的應用程序基本上都是以窗體、字段編輯和數(shù)據(jù)查詢等動態(tài)顯示的方式與用戶互動。網(wǎng)頁上顯示的流程圖一般都以圖片的方式呈現(xiàn)，但是用戶以圖片的方式上傳流程圖至服務器后，當需要修改流程圖時，會因為沒有可編輯的源文件、編輯軟件與環(huán)境的不同而造成流程圖的變調(diào)走樣。因此，用戶無法在網(wǎng)頁上實時編輯流程圖。

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

[0004]鑒于以上內(nèi)容，有必要提供一種網(wǎng)頁流程圖編輯方法，可以在網(wǎng)頁上實時編輯流程圖，不必將整份流程圖傳送到服務器上儲存，降低服務器的負荷。
[0005]還有必要提供一種網(wǎng)頁流程圖編輯系統(tǒng)，可以在網(wǎng)頁上實時編輯流程圖，不必將整份流程圖傳送到服務器上儲存，降低服務器的負荷。
[0006]一種網(wǎng)頁流程圖編輯方法，包括以下步驟:接收步驟:當接收到用戶終端的瀏覽器發(fā)送來的網(wǎng)頁文件訪問請求時，從服務器的數(shù)據(jù)庫中獲取該網(wǎng)頁文件；發(fā)送步驟:生成流程圖編輯界面，將帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至該瀏覽器；編輯步驟:根據(jù)用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數(shù)據(jù)庫中。
[0007]—種網(wǎng)頁流程圖編輯系統(tǒng)，包括:接收模塊，用于當接收到用戶終端的瀏覽器發(fā)送來的網(wǎng)頁文件訪問請求時，從服務器的數(shù)據(jù)庫中獲取該網(wǎng)頁文件；發(fā)送模塊，用于生成流程圖編輯界面，將帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至該瀏覽器；編輯模塊，用于根據(jù)用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數(shù)據(jù)庫中。
[0008]相較于現(xiàn)有技術，本發(fā)明網(wǎng)頁流程圖編輯方法及系統(tǒng)，可以在網(wǎng)頁上實時編輯流程圖，不必將整份流程圖傳送到服務器上儲存，降低服務器的負荷。
【專利附圖】

【附圖說明】
[0009]圖1是本發(fā)明網(wǎng)頁流程圖編輯系統(tǒng)較佳實施例的運行環(huán)境圖。[0010]圖2是本發(fā)明網(wǎng)頁流程圖編輯系統(tǒng)較佳實施例的功能模塊圖。
[0011]圖3至圖5是流程圖編輯界面及其元件和連接線的示意圖。
[0012]圖6是本發(fā)明網(wǎng)頁流程圖編輯方法較佳實施例的流程圖。
[0013]主要元件符號說明
【權利要求】
1.一種網(wǎng)頁流程圖編輯方法，其特征在于，該方法包括以下步驟: 接收步驟:當接收到用戶終端的瀏覽器發(fā)送來的網(wǎng)頁文件訪問請求時，從服務器的數(shù)據(jù)庫中獲取該網(wǎng)頁文件； 發(fā)送步驟:生成流程圖編輯界面，將帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至該瀏覽器； 編輯步驟:根據(jù)用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數(shù)據(jù)庫中。
2.如權利要求1所述的網(wǎng)頁流程圖編輯方法，其特征在于，所述接收步驟還根據(jù)該網(wǎng)頁文件的源程序代碼判斷該網(wǎng)頁文件中是否包含編輯流程圖的自訂標簽，當該網(wǎng)頁文件中包含編輯流程圖的自訂標簽時，執(zhí)行所述發(fā)送步驟。
3.如權利要求1所述的網(wǎng)頁流程圖編輯方法，其特征在于，在所述編輯步驟中，通過新增或改變網(wǎng)頁文件里組成元件或連接線的DIV元素的級聯(lián)樣式表CSS樣式在流程圖編輯界面上編輯流程圖。
4.如權利要求1所述的網(wǎng)頁流程圖編輯方法，其特征在于，所述元件的基本信息包括元件的形狀、大小、位置、名稱和文字內(nèi)容。
5.如權利要求1所述的網(wǎng)頁流程圖編輯方法，其特征在于，該方法還包括: 當再次接收到瀏覽器發(fā)送的該網(wǎng)頁文件的訪問請求時，從數(shù)據(jù)庫獲取該網(wǎng)頁文件、網(wǎng)頁文件中元件的基本信息、元件之間的連接線和連接關系； 生成流程圖編輯界面，然后將該元件的基本信息、元件之間的連接線和連接關系、帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至瀏覽器。
6.一種網(wǎng)頁流程圖編輯系統(tǒng)，其特征在于，該系統(tǒng)包括: 接收模塊，用于當接收到用戶終端的瀏覽器發(fā)送來的網(wǎng)頁文件訪問請求時，從服務器的數(shù)據(jù)庫中獲取該網(wǎng)頁文件； 發(fā)送模塊，用于生成流程圖編輯界面，將帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至該瀏覽器； 編輯模塊，用于根據(jù)用戶通過瀏覽器對該流程圖編輯界面的操作，在流程圖編輯界面上編輯流程圖，確定元件的基本信息、元件之間的連接線和連接關系，將該元件的基本信息、元件之間的連接線和連接關系存入數(shù)據(jù)庫中。
7.如權利要求6所述的網(wǎng)頁流程圖編輯系統(tǒng)，其特征在于，所述接收模塊還根據(jù)該網(wǎng)頁文件的源程序代碼判斷該網(wǎng)頁文件中是否包含編輯流程圖的自訂標簽，當該網(wǎng)頁文件中包含編輯流程圖的自訂標簽時，觸發(fā)所述發(fā)送模塊。
8.如權利要求6所述的網(wǎng)頁流程圖編輯系統(tǒng)，其特征在于，所述編輯模塊通過新增或改變網(wǎng)頁文件里組成元件或連接線的DIV元素的級聯(lián)樣式表CSS樣式在流程圖編輯界面上編輯流程圖。
9.如權利要求6所述的網(wǎng)頁流程圖編輯系統(tǒng)，其特征在于，所述元件的基本信息包括元件的形狀、大小、位置、名稱和文字內(nèi)容。
10.如權利要求6所述的網(wǎng)頁流程圖編輯系統(tǒng)，其特征在于，該接收模塊還用于當再次接收到瀏覽器發(fā)送的該網(wǎng)頁文件的訪問請求時，從數(shù)據(jù)庫獲取該網(wǎng)頁文件、網(wǎng)頁文件中元件的基本信息、元件之間的連接線和連接關系； 所述發(fā)送模塊還用于生成流程圖編輯界面，然后將該元件的基本信息、元件之間的連接線和連接關系、帶有流程圖編輯界面的該網(wǎng)頁文件發(fā)送至瀏覽器。
【文檔編號】G06F17/30GK103593345SQ201210287902
【公開日】2014年2月19日 申請日期:2012年8月14日 優(yōu)先權日:2012年8月14日
【發(fā)明者】陳寶全, 許宸維 申請人:捷達世軟件（深圳）有限公司, 鴻海精密工業(yè)股份有限公司