TWI402696B - 移動網頁報表的系統及方法 - Google Patents

Description

移動網頁報表的系統及方法

本發明涉及一種移動網頁報表的系統及方法。

企業在營運中會產生各種各樣的報表，如：利潤報表、成本報表、員工報表等，隨著資訊化的推廣、網路的運用，幾乎所有的大型公司、企業都有自己的報表系統，即：透過將所製作的報表以網頁的形式顯示出來，企業內的各個用戶可以透過網路訪問該報表系統，從而查詢到所需要的報表，它的主要目的是加強用戶之間的聯繫，使用戶們能更好的協同工作，提高工作效率。它能為企業帶來的最大益處是加強部門內、部門間的通訊協作，使整個企業內部的資訊流有組織、高效的按照一定規範流程流動，令整個企業高效的運作起來。

通常網頁中報表分標題區域及資料區域，資料區域用於存放資料，並將資料顯示在對應的表格中，標題區域用於存放資料對應的屬性資訊，用戶透過查看資料對應的標題可以很清楚的看到每個資料具體的含義。然而，用戶透過頁面中的資料區域的捲軸拖動報表時，標題區域不會移動，這樣就造成 了資料不能與標題對應。

鑒於以上內容，有必要提供一種移動網頁報表的系統，其可以透過在資料區域的捲軸拖動報表時也能同時移動標題區域，從而使資料與標題對應。

鑒於以上內容，還有必要提供一種移動網頁報表的方法，其可以透過在資料區域的捲軸拖動報表時也能同時移動標題區域，從而使資料與標題對應。

一種移動網頁報表的系統，該系統包括一個主機及與其相連的顯示器，所述主機包括：劃分模組，用於透過腳本語言將網頁報表分為標題區域和資料區域；設置模組，用於分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸；讀取模組，用於讀取光標的位置及狀態；判斷模組，用於根據光標的位置及狀態判斷光標是否能移動捲軸；所述讀取模組，還用於當光標能拖動捲軸時，讀取捲軸移動之前及移動之後在顯示器上像素的差值；計算模組，用於根據所述像素的差值計算光標拖動捲軸的距離；移動模組，用於將捲軸對應的標題區域也移動上述計算的距離以使網頁報表中標題與資料對應。

一種移動網頁報表的方法，該方法包括如下步驟：透過腳本語言將網頁報表分為標題區域和資料區域；分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸；讀取光標的位置及狀態；根據光標的位置及狀態判斷光標是否能移 動捲軸；當光標能拖動捲軸時，讀取捲軸移動之前及移動之後在顯示器上像素的差值；根據所述像素的差值計算光標拖動捲軸的距離；將捲軸對應的標題區域也移動上述計算的距離以使網頁報表中標題與資料對應。

相較於習知技術，所述的移動網頁報表的系統及方法，其可以透過在資料區域的捲軸拖動報表時也能同時移動標題區域，從而使資料與標題對應。

1‧‧‧顯示器

2‧‧‧主機

3‧‧‧鍵盤

4‧‧‧滑鼠

210‧‧‧劃分模組

211‧‧‧設置模組

212‧‧‧讀取模組

213‧‧‧判斷模組

214‧‧‧計算模組

215‧‧‧移動模組

S10‧‧‧透過腳本語言將報表分為標題區域和資料區域

S11‧‧‧分別對標題區域及數據區域設置屬性，使資料區域產生捲軸

S12‧‧‧讀取光標的位置及狀態

S13‧‧‧根據光標的位置及狀態判斷光標是否能移動捲軸

S14‧‧‧讀取捲軸移動之前及移動之後在顯示器上像素的差值

S15‧‧‧根據像素的差值計算光標拖動捲軸的距離

S16‧‧‧將捲軸對應的標題區域也移動計算的距離

圖1為本發明移動網頁報表的系統較佳實施例的硬體架構圖。

圖2為圖1中所示主機的功能模組圖。

圖3為本發明網頁中報表的顯示圖。

圖4為本發明移動網頁報表的方法較佳實施例的流程圖。

如圖1所示，是本發明移動網頁報表的系統較佳實施例的系統架構圖。該系統主要包括顯示器1、主機2、鍵盤3及滑鼠4。所述主機2連接有顯示器1、鍵盤3及滑鼠4，用作具體操作時的輸入、輸出設備。

如圖2所示，是圖1中所示主機2的功能模組圖。所述主機2包括劃分模組210、設置模組211、讀取模組212、判斷模組213、計算模組214及移動模組215。本發明所稱的模組是完成一特定功能的電腦程式段，比程式更適合於描述軟體在電腦中 的執行過程，因此在本發明以下對軟體描述中都以模組描述。

其中，所述劃分模組210用於透過腳本語言將網頁報表分為標題區域和資料區域。具體而言，如圖3所示，是報表在網頁中的一種格式，圖中有文字的表格是標題區域，從圖中可以看出，標題區域有橫向標題，縱向標題，圖中空白的表格是資料區域，用於存放資料，每個資料都有對應的橫向標題欄位及縱向標題欄位，用戶可以很清楚的看到每個資料在表格中的位置及具體的含義。在本較佳實施例中，所述的腳本語言是指HTML(Hypertext Markup Language：超文本鏈結標示語言)腳本語言。

所述設置模組211用於分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸。捲軸有兩種，包括上下捲軸及左右捲軸，如圖3所示，所述上下捲軸112只能拖動頁面上下移動，所述左右捲軸110只能拖動頁面左右移動。由於標題和資料在網頁上分為不同的區域，因此，捲軸只能拖動資料區域(例如，在圖3中的上下捲軸112只能拖動空白的表格區域上下移動)。

所述讀取模組212用於讀取光標的位置及狀態。所述光標的狀態包括，但不限於，光標左鍵單擊狀態、左鍵雙擊狀態及右鍵單擊狀態。

所述判斷模組213用於根據光標的位置及狀態判斷光標是否 能移動捲軸。具體而言，若光標在捲軸上，且光標的狀態為左鍵單擊狀態，則光標能夠拖動捲軸。

所述讀取模組212還用於當光標能拖動捲軸時，讀取捲軸移動之前及移動之後在顯示器1上像素的差值。具體而言，顯示器1上都有對應的解析度(如：1024*768個像素，該像素值表明顯示器1橫向有1024個像素點，縱向有768個像素點)，由於捲軸只有上下捲軸或左右捲軸，因此，若光標拖動的是上下捲軸，則讀取光標拖動上下捲軸在顯示器上移動的縱向像素點的值，例如，上下捲軸移動之前的像素點為20，移動之後的像素點的值為120，則上下捲軸縱向移動了100個像素點。

所述計算模組214用於根據所述像素的差值計算光標拖動捲軸的距離。具體而言，計算公式為：L=M*S/N，其中，若捲軸為上下捲軸，L為上下移動的距離，則M為縱向移動的像素值、S為顯示器1的實際寬度、N為解析度中縱向像素點的值，若捲軸為左右捲軸，L為左右移動的距離，則M為橫向移動的像素值、S為顯示器1的實際長度、N為解析度中橫向像素點的值，例如，假設捲軸為上下捲軸，用戶設置的解析度為：1024*768個像素，該捲軸縱向移動了100個像素點，該顯示器1螢幕寬度為23.04釐米，則該上下捲軸移動的距離為：100*23.04/768=3釐米。

所述移動模組215用於將捲軸對應的標題區域也移動上述計算的距離以確保網頁報表中標題與資料對應。具體而言，假 設上下捲軸移動3釐米，則標題區域中縱向標題欄位元也移動3釐米，以使報表中標題與資料對應，此外，在移動上下捲軸的時候，標題區域中橫向欄位元保持不動。

如圖3所示，是本發明移動網頁報表的方法較佳實施例的流程圖。

步驟S10，首先，劃分模組210透過腳本語言將網頁報表分為標題區域和資料區域。具體而言，如圖3所示，是報表在網頁中的一種格式，圖中有文字的表格是標題區域，從圖中可以看出，標題區域有橫向標題，縱向標題，圖中空白的表格是資料區域，用於存放資料，每個資料都有對應的橫向標題欄位及縱向標題欄位，用戶可以很清楚的看到每個資料在表格中的位置及具體的含義。在本教佳實施例中，所述的腳本語言是指HTML(Hypertext Markup Language：超文本鏈結標示語言)腳本語言。

步驟S11，設置模組211分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸。捲軸有兩種，包括上下捲軸及左右捲軸，如圖3所示，所述上下捲軸112只能拖動頁面上下移動，所述左右捲軸110只能拖動頁面左右移動。由於標題和資料在網頁上分為不同的區域，因此，捲軸只能拖動資料區域(例如，在圖3中的上下捲軸112只能拖動空白的表格區域上下移動)。

步驟S12，讀取模組212讀取光標的位置及狀態。所述光標的 狀態包括，但不限於，光標左鍵單擊狀態、左鍵雙擊狀態及右鍵單擊狀態。

步驟S13，判斷模組213根據光標的位置及狀態判斷光標是否能移動捲軸。具體而言，若光標在捲軸上，且光標的狀態為左鍵單擊狀態，則光標能夠拖動捲軸。

步驟S14，當光標能拖動捲軸時，讀取模組212讀取捲軸移動之前及移動之後在顯示器1上像素的差值。具體而言，顯示器1上都有對應的解析度(如：1024*768個像素，該像素值表明顯示器1橫向有1024個像素點，縱向有768個像素點)，由於捲軸只有上下捲軸或左右捲軸，因此，若光標拖動的是上下捲軸，則讀取光標拖動上下捲軸在顯示器上移動的縱向像素點的值，例如，上下捲軸移動之前的像素點為20，移動之後的像素點的值為120，則上下捲軸縱向移動了100個像素點，讀取模組212讀取到的像素值為100。

步驟S15，計算模組214根據所述像素的差值計算光標拖動捲軸的距離。具體而言，計算公式為：L=M*S/N，其中，若捲軸為上下捲軸，L為上下移動的距離，則M為縱向移動的像素值、S為顯示器1的實際寬度、N為解析度中縱向像素點的值，若捲軸為左右捲軸，L為左右移動的距離，則M為橫向移動的像素值、S為顯示器1的實際長度、N為解析度中橫向像素點的值，例如，假設捲軸為上下捲軸，用戶設置的解析度為：1024*768個像素，該捲軸縱向移動了100個像素點，該顯示器1螢幕寬度為23.04釐米，則該上下捲軸移動的距離為： 100*23.04/768=3釐米。

步驟S16，移動模組215將捲軸對應的標題區域也移動上述距離以確保網頁報表中標題與資料對應。具體而言，假設上下捲軸移動3釐米，則標題區域中縱向標題欄位元也移動3釐米，以使報表中標題與資料對應，此外，在移動上下捲軸的時候，標題區域中橫向欄位元保持不動。

在步驟S13中，當光標不能拖動捲軸時，則直接結束流程。

最後所應說明的是，以上實施例僅用以說明本發明的技術方案而非限制，儘管參照以上較佳實施例對本發明進行了詳細說明，本領域的普通技術人員應當理解，可以對本發明的技術方案進行修改或等同替換，而不脫離本發明技術方案的精神和範圍。

S10‧‧‧透過腳本語言將報表分為標題區域和資料區域

S11‧‧‧分別對標題區域及數據區域設置屬性，使資料區域產生捲軸

S12‧‧‧讀取光標的位置及狀態

S13‧‧‧根據光標的位置及狀態判斷光標是否能移動捲軸

S14‧‧‧讀取捲軸移動之前及移動之後在顯示器上像素的差值

S15‧‧‧根據像素的差值計算光標拖動捲軸的距離

S16‧‧‧將捲軸對應的標題區域也移動計算的距離

Claims (5)

1. 一種移動網頁報表的系統，該系統包括一個主機及與其相連的顯示器，所述主機包括：劃分模組，用於透過腳本語言將網頁報表分為標題區域和資料區域；設置模組，用於分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸；讀取模組，用於讀取光標的位置及狀態；判斷模組，用於根據光標的位置及狀態判斷光標是否能移動捲軸；所述讀取模組，還用於當光標能拖動捲軸時，讀取捲軸移動之前及移動之後在顯示器上像素的差值；計算模組，用於根據所述像素的差值計算光標拖動捲軸的距離，計算公式為：L=M*S/N，其中，若捲軸為上下捲軸，L為上下移動的距離，則M為縱向移動的像素值、S為顯示器的實際寬度、N為解析度中縱向像素點的值，若捲軸為左右捲軸，L為左右移動的距離，則M為橫向移動的像素值、S為顯示器的實際長度、N為解析度中橫向像素點的值；及移動模組，用於將捲軸對應的標題區域也移動上述計算的距離以使網頁報表中的標題與資料對應。
2. 如申請專利範圍第1項所述之移動網頁報表的系統，所述光標的狀態包括光標左鍵單擊狀態、左鍵雙擊狀態及右鍵單擊 狀態。
3. 一種移動網頁報表的方法，該方法包括如下步驟：透過腳本語言將網頁報表分為標題區域和資料區域；分別對所述的標題區域及資料區域設置屬性，使資料區域產生捲軸；讀取光標的位置及狀態；根據光標的位置及狀態判斷光標是否能移動捲軸；當光標能拖動捲軸時，讀取捲軸移動之前及移動之後在顯示器上像素的差值；根據所述像素的差值計算光標拖動捲軸的距離，計算公式為：L=M*S/N，其中，若捲軸為上下捲軸，L為上下移動的距離，則M為縱向移動的像素值、S為顯示器的實際寬度、N為解析度中縱向像素點的值，若捲軸為左右捲軸，L為左右移動的距離，則M為橫向移動的像素值、S為顯示器的實際長度、N為解析度中橫向像素點的值；及將捲軸對應的標題區域也移動上述計算的距離以使網頁報表中的標題與資料對應。
4. 如申請專利範圍第3項所述之移動網頁報表的方法，所述光標的狀態包括光標左鍵單擊狀態、左鍵雙擊狀態及右鍵單擊狀態。
5. 如申請專利範圍第3項所述之移動網頁報表的方法，該方法還包括步驟：當光標不能拖動捲軸時，直接結束流程。