鬼佬大哥大
  • / 11
  • 下載費用:30 金幣  

網頁表單動態調整系統及其方法.pdf

摘要
申請專利號:

CN201510394989.3

申請日:

2015.07.07

公開號:

CN104915459A

公開日:

2015.09.16

當前法律狀態:

撤回

有效性:

無權

法律詳情: 發明專利申請公布后的視為撤回IPC(主分類):G06F 17/30申請公布日:20150916|||實質審查的生效IPC(主分類):G06F 17/30申請日:20150707|||公開
IPC分類號: G06F17/30 主分類號: G06F17/30
申請人: 英業達科技有限公司; 英業達股份有限公司
發明人: 郭志男
地址: 201114上海市閔行區漕河涇出口加工區浦星路789號
優先權:
專利代理機構: 上海光華專利事務所31219 代理人: 王再朝
PDF完整版下載: PDF下載
法律狀態
申請(專利)號:

CN201510394989.3

授權公告號:

||||||

法律狀態公告日:

2018.08.28|||2015.10.14|||2015.09.16

法律狀態類型:

發明專利申請公布后的視為撤回|||實質審查的生效|||公開

摘要

本發明提供一種網頁表單動態調整系統及其方法,客戶端依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目,再由服務端依據顯示總數以及顯示數目計算出顯示總頁數,使客戶端顯示的網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示,藉此可以達成網頁表單的顯示內容動態變化的技術功效。

權利要求書

權利要求書
1.  一種網頁表單動態調整系統,其特征在于,包含:
一服務端,所述服務端還包含:
一儲存模塊,用以儲存至少一網頁,所述網頁透過文件對象模型建立,且所述網頁具有至少一網頁表單;
一服務端接收模塊,用以接收一顯示數目;
一服務端計算模塊,用以依據一顯示總數以及所述顯示數目計算出一顯示總頁數;
一服務端傳送模塊,用以傳送所述網頁,以及傳送所述顯示總頁數與對應的網頁表單內容;及
一客戶端,所述客戶端還包含:
一客戶端接收模塊,用以自所述服務端傳送模塊接收所述網頁,以及自所述服務端傳送模塊接收所述顯示總頁數與對應的網頁表單內容;
一客戶端計算模塊,用以依據所述瀏覽器的尺寸計算出所述網頁表單的尺寸,并依據所述網頁表單的尺寸以及所述網頁表單的欄位尺寸計算出所述顯示數目;
一客戶端傳送模塊,用以傳送所述顯示數目至所述服務端接收模塊;及
一顯示模塊,用以顯示所述網頁,其中所述網頁表單依據所述顯示數目、所述顯示總頁數與對應的網頁表單內容進行顯示。

2.  如權利要求1所述的網頁表單動態調整系統,其特征在于,所述客戶端還包含一監測模塊,用以監測所述瀏覽器的尺寸是否變化,當所述瀏覽器的尺寸變化時,再次由所述客戶端計算模塊重新計算所述顯示數目并由所述客戶端傳送模塊提供至所述服務端接收模塊,所述服務端計算模塊依據所述顯示總數以及所述顯示數目重新計算出所述顯示總頁數并由所述服務端傳送模塊提供至所述客戶端接收模塊,所述顯示模塊顯示變化后的所述網頁,其中所述網頁表單依據重新計算后的所述顯示數目、重新計算后的所述顯示總頁數與對應的網頁表單內容進行顯示。

3.  如權利要求1所述的網頁表單動態調整系統,其特征在于,所述服務端計算模塊將所述顯示總數除以所述顯示數目取整數加1以計算出所述顯示總頁數。

4.  如權利要求1所述的網頁表單動態調整系統,其特征在于,所述客戶端透過有線網絡傳輸方式或無線網絡傳輸方式與所述服務端建立聯機,使所述客戶端與所述服務端之間可進行 資料數據傳輸,上述無線網絡傳輸方式包含無線網絡、Wi-Fi、第三代行動通訊技術以及第四代行動通訊技術。

5.  一種網頁表單動態調整方法,其特征在于,包含下列步驟:
一服務端儲存有透過文件對象模型建立的至少一網頁,所述網頁具有至少一網頁表單;
一客戶端自所述服務端獲得所述網頁;
所述客戶端依據所述瀏覽器的尺寸計算出所述網頁表單的尺寸,并依據所述網頁表單的尺寸以及所述網頁表單的欄位尺寸計算出一顯示數目;
所述客戶端提供所述顯示數目至所述服務端;
所述服務端依據一顯示總數以及所述顯示數目計算出一顯示總頁數;
所述服務端傳送所述顯示總頁數與對應的網頁表單內容至所述客戶端;及
所述客戶端顯示所述網頁,其中所述網頁表單依據所述顯示數目、所述顯示總頁數與對應的網頁表單內容進行顯示。

6.  如權利要求5所述的網頁表單動態調整方法,其特征在于,所述網頁表單動態調整方法還包含下列步驟:
監測所述瀏覽器的尺寸是否變化;
當所述瀏覽器的尺寸變化時,回到所述客戶端依據所述瀏覽器的尺寸計算出所述網頁表單的尺寸,并依據所述網頁表單的尺寸以及所述網頁表單的欄位尺寸計算出所述顯示數目的步驟再次執行。

7.  如權利要求5所述的網頁表單動態調整方法,其特征在于,所述服務端將所述顯示總數除以所述顯示數目取整數加1以計算出所述顯示總頁數。

8.  如權利要求5所述的網頁表單動態調整方法,其特征在于,所述客戶端透過有線網絡傳輸方式或無線網絡傳輸方式與所述服務端建立聯機,使所述客戶端與所述服務端之間可進行資料數據傳輸,上述無線網絡傳輸方式包含無線網絡、Wi-Fi、第三代行動通訊技術以及第四代行動通訊技術。

說明書

說明書網頁表單動態調整系統及其方法
技術領域
本發明涉及一種調整系統及其方法,尤其是指一種網頁表單動態調整系統及其方法。
背景技術
網頁的網頁表單分頁處理一般是采用兩種方式進行處理,其中的一種方式為依據服務端網頁的網頁表單分頁設定,即設定好網頁表單每一個分頁的顯示數目以及顯示總頁數,再傳送到客戶端進行網頁以及網頁表單的呈現。
另外一種方式為服務端將網頁傳送至客戶端后,客戶端在依據網頁表單分頁設定,即設定好網頁表單每一個分頁的顯示數目以及顯示總頁數進行網頁以及網頁表單的呈現。
對于這兩種處理方式對于瀏覽器的最終呈現效果來說總是差強人意,由于科技發展的快速,越來越多的設備裝置被用戶所使用,即使是最常用的顯示器,所以就會造成在網頁表單在不同的顯示需求下依照固定分頁設定來進行呈現時會出現難以滿足所有不同場景的使用要求,即往往會使網頁表單出現卷動軸,使用者需要拖動卷動軸才能得到所有的網頁表單內容,難以在網頁的顯示區域內顯示完整的網頁表單內容,或是顯示過少的網頁表單內容,難以善加利用網頁的顯示區域,造成網頁空間的浪費,同時在用戶動態改變瀏覽器窗口大小時也不能做出動態適應改變。
綜上所述,可知在現有技術中長期以來一直存在現有網頁表單的顯示內容無法動態變化的問題,因此有必要提出改進的技術手段,來解決此一問題。
發明內容
鑒于以上所述現有技術的缺點,本發明的目的在于提供一種網頁表單動態調整系統及其方法,以解決現有網頁表單的顯示內容無法動態變化的問題。
為實現上述目的及其他相關目的,本發明遂揭露一種網頁表單動態調整系統及其方法,其中:本發明所揭露的網頁表單動態調整系統,其包含:服務端以及客戶端,服務端還包含:儲存模塊、服務端接收模塊、服務端計算模塊以及服務端傳送模塊;客戶端還包含:客戶端接收模塊、客戶端計算模塊、客戶端傳送模塊以及顯示模塊。
服務端的儲存模塊用以儲存至少一網頁,網頁透過文件對象模型(Document Object Model,DOM)建立,且網頁具有至少一網頁表單;服務端的服務端接收模塊用以接收顯示數目;服務端的服務端計算模塊用以依據顯示總數以及顯示數目計算出顯示總頁數;服務端 的服務端傳送模塊用以傳送網頁,以及傳送顯示總頁數與對應的網頁表單內容。
客戶端的客戶端接收模塊用以自服務端傳送模塊接收網頁,以及自服務端傳送模塊接收顯示總頁數與對應的網頁表單內容;客戶端的客戶端計算模塊用以依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目;客戶端的客戶端傳送模塊用以傳送顯示數目至服務端接收模塊;及客戶端的顯示模塊用以顯示網頁,其中網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示。
本發明所揭露的網頁表單動態調整方法,其包含下列步驟:
首先,服務端儲存有透過文件對象模型(Document Object Model,DOM)建立的至少一網頁,網頁具有至少一網頁表單;接著,客戶端自服務端獲得網頁;接著,客戶端依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目;接著,客戶端提供顯示數目至服務端;接著,服務端依據顯示總數以及顯示數目計算出顯示總頁數;接著,服務端傳送顯示總頁數與對應的網頁表單內容至客戶端;最后,客戶端顯示網頁,其中網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示。
本發明所揭露的系統及方法如上,與現有技術之間的差異在于本發明客戶端依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目,再由服務端依據顯示總數以及顯示數目計算出顯示總頁數,使客戶端顯示的網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示。
透過上述的技術手段,本發明可以達成網頁表單的顯示內容動態變化的技術功效。
附圖說明
圖1繪示為本發明網頁表單動態調整系統的系統方塊圖。
圖2繪示為本發明網頁表單動態調整方法的方法流程圖。
圖3A繪示為本發明網頁表單動態調整的網頁示意圖。
圖3B繪示為本發明網頁表單動態調整的網頁表單調整示意圖。
組件標號說明
10 服務端
11 儲存模塊
12 服務端接收模塊
13 服務端計算模塊
14 服務端傳送模塊
20       客戶端
21       客戶端接收模塊
22       客戶端計算模塊
23       客戶端傳送模塊
24       顯示模塊
25       監測模塊
30       網頁
31       網頁表單
101~108 步驟
具體實施方式
以下將配合圖式及實施例來詳細說明本發明的實施方式,藉此對本發明如何應用技術手段來解決技術問題并達成技術功效的實現過程能充分理解并據以實施。
以下首先要說明本發明所揭露的網頁表單動態調整系統,并請參考圖1所示,圖1繪示為本發明網頁表單動態調整系統的系統方塊圖。
本發明所揭露的網頁表單動態調整系統,其包含:服務端10以及客戶端20,服務端10還包含:儲存模塊11、服務端接收模塊12、服務端計算模塊13以及服務端傳送模塊14;客戶端20還包含:客戶端接收模塊21、客戶端計算模塊22、客戶端傳送模塊23以及顯示模塊24。
在服務端10中藉由服務端10的儲存模塊11預先儲存有至少一網頁,被服務端10的儲存模塊11所儲存的網頁透過文件對象模型(Document Object Model,DOM)建立,且每一個網頁中具有至少一網頁表單。
客戶端20透過有線網絡傳輸方式或無線網絡傳輸方式與服務端10建立聯機,使客戶端20與服務端10之間可進行資料數據傳輸,且無線網絡傳輸方式包含無線網絡、Wi-Fi、第三代行動通訊技術(3rd-Generation)以及第四代行動通訊技術(4G)…等,在此僅為舉例說明之,并不以此局限本發明的應用范疇。
當客戶端20的客戶端接收模塊21自服務端10的服務端傳送模塊14獲得網頁其中之一時,客戶端20的客戶端計算模塊22即可依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目。
具體而言,假設瀏覽器的尺寸為“512×384”,當客戶端20的客戶端接收模塊21自服務 端10的服務端傳送模塊14獲得網頁其中之一時,以及假設客戶端20所獲得的網頁30具有網頁表單31以外的網頁內容區塊,且網頁內容區塊的固定尺寸為“112×84”,客戶端20的客戶端計算模塊22即可依據瀏覽器的尺寸為“512×384”減去網頁內容區塊的固定尺寸為“112×84”計算出網頁表單的尺寸為“400×300”;若假設客戶端20所獲得的網頁30不具有網頁表單31以外的網頁內容區塊時,客戶端20的客戶端計算模塊22即可認定網頁表單31的尺寸為與瀏覽器的尺寸相同,即網頁表單31的尺寸為“512×384”。
進一步假設網頁表單的欄位尺寸為“350×15”,客戶端20的客戶端計算模塊22即可依據網頁表單的尺寸為“400×300”以及網頁表單的欄位尺寸為“350×15”計算出顯示數目為“20”(即300除以15為20)。
當客戶端20的客戶端計算模塊22計算出顯示數目之后,即可再透過客戶端20的客戶端傳送模塊23將顯示數目提供至服務端10,而服務端10的服務端接收模塊12即可自客戶端20的客戶端傳送模塊23接收顯示數目。
接著,服務端10的服務端計算模塊13即可依據顯示總數以及顯示數目計算出顯示總頁數,服務端10的服務端計算模塊13將顯示總數除以顯示數目取整數加1以計算出顯示總頁數。
具體而言,假設顯示總數為“110”,且顯示數目為“20”,服務端10的服務端計算模塊13即可將顯示總數為“110”除以顯示數目為“20”取整數為“5”,再將整數為“5”加“1”以計算出顯示總頁數為“6”。
接著,服務端10的服務端傳送模塊14即可將服務端10的服務端計算模塊13所計算出的顯示總頁數以及對應的網頁表單內容傳送至客戶端20的客戶端接收模塊21,而客戶端20的客戶端接收模塊21在接收到服務端10的服務端傳送模塊14所提供的顯示總頁數與對應的網頁表單內容之后,即可藉由客戶端20的顯示模塊24顯示網頁,其中網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示。
而在客戶端20中還包含監測模塊25,客戶端20的監測模塊25用以監測瀏覽器的尺寸是否變化,當瀏覽器的尺寸變化時,再次由客戶端20的客戶端計算模塊22依據變化后瀏覽器的尺寸重新計算出網頁表單的尺寸,并依據重新計算后的網頁表單的尺寸以及網頁表單的欄位尺寸重新計算出顯示數目,并將重新計算出的顯示數目提供至服務端10的服務端接收模塊12,而服務端10的服務端計算模塊13即可依據顯示總數以及重新計算出顯示數目重新計算出顯示總頁數,再由服務端10的服務端傳送模塊14將重新計算出的顯示總頁數以及對應的網頁表單內容傳送至客戶端20的客戶端接收模塊21,最后由客戶端20的顯示模塊24顯 示網頁,其中網頁表單依據重新計算的顯示數目、重新計算的顯示總頁數與對應的網頁表單內容進行顯示,藉此可以達到網頁表單動態調整的效果。
接著,以下將以一個實施例來解說本發明的運作方式及流程,以下的實施例說明將同步配合圖1以及圖2所示進行說明,圖2繪示為本發明網頁表單動態調整方法的方法流程圖。
請參考圖3A所示,圖3A繪示為本發明網頁表單動態調整的網頁示意圖。
在服務端10中藉由服務端10的儲存模塊11預先儲存有至少一網頁30,被服務端10的儲存模塊11所儲存的網頁30透過文件對象模型(Document Object Model,DOM)建立,且每一個網頁30中具有至少一網頁表單31(步驟101)。
客戶端20透過有線網絡傳輸方式或是無線網絡傳輸方式與服務端10建立聯機,使客戶端20與服務端10之間可進行資料數據傳輸,且無線網絡傳輸方式包含無線網絡、Wi-Fi、第三代行動通訊技術(3rd-Generation)以及第四代行動通訊技術(4G)…等,在此僅為舉例說明之,并不以此局限本發明的應用范疇。
在實施例中,瀏覽器的尺寸為“512×384”,當客戶端20的客戶端接收模塊21自服務端10的服務端傳送模塊14獲得網頁30其中之一時(步驟102),假設客戶端20所獲得的網頁30具有網頁表單31以外的網頁內容區塊,且網頁內容區塊的固定尺寸為“112×84”,客戶端20的客戶端計算模塊22即可依據瀏覽器的尺寸為“512×384”減去網頁內容區塊的固定尺寸為“112×84”計算出網頁表單31的尺寸為“400×300”;若假設客戶端20所獲得的網頁30不具有網頁表單31以外的網頁內容區塊時,客戶端20的客戶端計算模塊22即可認定網頁表單31的尺寸為與瀏覽器的尺寸相同,即網頁表單31的尺寸為“512×384”。
并且在實施例中網頁表單31的欄位尺寸為“350×30”,客戶端20的客戶端計算模塊22即可依據網頁表單31的尺寸為“400×300”以及網頁表單31的欄位尺寸為“350×30”計算出顯示數目為“10”(即300除以15為20)(步驟103)。
當客戶端20的客戶端計算模塊22計算出顯示數目為“10”之后,即可再透過客戶端20的客戶端傳送模塊23將顯示數目為“10”提供至服務端10(步驟104),而服務端10的服務端接收模塊12即可自客戶端20的客戶端傳送模塊23接收顯示數目為“10”。
在實施例顯示總數為“55”中,服務端10的服務端計算模塊13即可依據顯示總數為“55”除以顯示數目為“10”取整數為“5”,再將整數為“5”加“1”以計算出顯示總頁數為“6”(步驟105)。
接著,服務端10的服務端傳送模塊14即可將服務端10的服務端計算模塊13所計算出的顯示總頁數為“6”以及對應的網頁表單31內容傳送至客戶端20的客戶端接收模塊21(步 驟106),而客戶端20的客戶端接收模塊21在接收到服務端10的服務端傳送模塊14所提供的顯示總頁數為“6”與對應的網頁表單31內容之后,即可藉由客戶端20的顯示模塊24顯示網頁30,其中網頁表單31依據顯示數目為“20”、顯示總頁數為“11”與對應的網頁表單31內容進行顯示(步驟107)。
請參考圖3B所示,圖3B繪示為本發明網頁表單動態調整的網頁表單調整示意圖。
當客戶端20的監測模塊25監測到瀏覽器的尺寸變化為“256×192”(步驟108)時,且網頁內容區塊的固定尺寸為“112×84”,即可再由客戶端20的客戶端計算模塊22依據變化后瀏覽器的尺寸為“256×192”減去網頁內容區塊的固定尺寸為“112×84”重新計算出網頁表單31的尺寸為“144×108”。
客戶端20的客戶端計算模塊22即可依據重新計算出的網頁表單31的尺寸為“144×108”以及網頁表單31的欄位尺寸為“100×20”重新計算出顯示數目為“5”(即108除以20取整數為5)(步驟103)。
當客戶端20的客戶端計算模塊22重新計算出顯示數目為“5”之后,即可再透過客戶端20的客戶端傳送模塊23將重新計算的顯示數目為“5”提供至服務端10(步驟104),而服務端10的服務端接收模塊12即可自客戶端20的客戶端傳送模塊23接收重新計算的顯示數目為“5”。
服務端10的服務端計算模塊13即可依據顯示總數為“55”除以顯示數目為“5”取整數為“11”以重新計算出顯示總頁數為“11”(步驟105)。
接著,服務端10的服務端傳送模塊14即可將服務端10的服務端計算模塊13所重新計算出的顯示總頁數為“11”以及對應的網頁表單31內容傳送至客戶端20的客戶端接收模塊21(步驟106),而客戶端20的客戶端接收模塊21在接收到服務端10的服務端傳送模塊14所提供的重新計算出的顯示總頁數為“6”與對應的網頁表單31內容之后,即可藉由客戶端20的顯示模塊24顯示網頁30,其中網頁表單31依據顯示數目為“10”、顯示總頁數為“11”與對應的網頁表單31內容進行顯示(步驟107),藉此可以達到網頁表單動態調整的效果。
綜上所述,可知本發明與先前技術之間的差異在于本發明客戶端依據瀏覽器的尺寸計算出網頁表單的尺寸,并依據網頁表單的尺寸以及網頁表單的欄位尺寸計算出顯示數目,再由服務端依據顯示總數以及顯示數目計算出顯示總頁數,使客戶端顯示的網頁表單依據顯示數目、顯示總頁數與對應的網頁表單內容進行顯示。
藉由此一技術手段可以來解決現有技術中所存在現有網頁表單的顯示內容無法動態變化的問題,進而達成網頁表單的顯示內容動態變化的技術功效。
雖然本發明所揭露的實施方式如上,惟所述的內容并非用以直接限定本發明的專利保護范圍。任何本發明所屬技術領域中具有通常知識者,在不脫離本發明所揭露的精神和范圍的前提下,可以在實施的形式上及細節上作些許的更動。本發明的專利保護范圍,仍須以所附的權利要求所界定者為準。

關 鍵 詞:
網頁 表單 動態 調整 系統 及其 方法
  專利查詢網所有資源均是用戶自行上傳分享,僅供網友學習交流,未經上傳用戶書面授權,請勿作他用。
關于本文
本文標題:網頁表單動態調整系統及其方法.pdf
鏈接地址:http://www.wwszu.club/p-6373592.html
關于我們 - 網站聲明 - 網站地圖 - 資源地圖 - 友情鏈接 - 網站客服客服 - 聯系我們

[email protected] 2017-2018 zhuanlichaxun.net網站版權所有
經營許可證編號:粵ICP備17046363號-1 
 


收起
展開
鬼佬大哥大