CN104915459A - 网页表单动态调整系统及其方法 - Google Patents

Abstract

本发明提供一种网页表单动态调整系统及其方法，客户端依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目，再由服务端依据显示总数以及显示数目计算出显示总页数，使客户端显示的网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示，藉此可以达成网页表单的显示内容动态变化的技术功效。

Description

网页表单动态调整系统及其方法

技术领域

本发明涉及一种调整系统及其方法，尤其是指一种网页表单动态调整系统及其方法。

背景技术

网页的网页表单分页处理一般是采用两种方式进行处理，其中的一种方式为依据服务端网页的网页表单分页设定，即设定好网页表单每一个分页的显示数目以及显示总页数，再传送到客户端进行网页以及网页表单的呈现。

另外一种方式为服务端将网页传送至客户端后，客户端在依据网页表单分页设定，即设定好网页表单每一个分页的显示数目以及显示总页数进行网页以及网页表单的呈现。

对于这两种处理方式对于浏览器的最终呈现效果来说总是差强人意，由于科技发展的快速，越来越多的设备装置被用户所使用，即使是最常用的显示器，所以就会造成在网页表单在不同的显示需求下依照固定分页设定来进行呈现时会出现难以满足所有不同场景的使用要求，即往往会使网页表单出现卷动轴，使用者需要拖动卷动轴才能得到所有的网页表单内容，难以在网页的显示区域内显示完整的网页表单内容，或是显示过少的网页表单内容，难以善加利用网页的显示区域，造成网页空间的浪费，同时在用户动态改变浏览器窗口大小时也不能做出动态适应改变。

综上所述，可知在现有技术中长期以来一直存在现有网页表单的显示内容无法动态变化的问题，因此有必要提出改进的技术手段，来解决此一问题。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种网页表单动态调整系统及其方法，以解决现有网页表单的显示内容无法动态变化的问题。

为实现上述目的及其他相关目的，本发明遂揭露一种网页表单动态调整系统及其方法，其中：本发明所揭露的网页表单动态调整系统，其包含：服务端以及客户端，服务端还包含：储存模块、服务端接收模块、服务端计算模块以及服务端传送模块；客户端还包含：客户端接收模块、客户端计算模块、客户端传送模块以及显示模块。

服务端的储存模块用以储存至少一网页，网页透过文件对象模型(Document ObjectModel，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)，藉此可以达到网页表单动态调整的效果。

综上所述，可知本发明与先前技术之间的差异在于本发明客户端依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目，再由服务端依据显示总数以及显示数目计算出显示总页数，使客户端显示的网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示。

藉由此一技术手段可以来解决现有技术中所存在现有网页表单的显示内容无法动态变化的问题，进而达成网页表单的显示内容动态变化的技术功效。

虽然本发明所揭露的实施方式如上，惟所述的内容并非用以直接限定本发明的专利保护范围。任何本发明所属技术领域中具有通常知识者，在不脱离本发明所揭露的精神和范围的前提下，可以在实施的形式上及细节上作些许的更动。本发明的专利保护范围，仍须以所附的权利要求所界定者为准。

Claims (8)

1.一种网页表单动态调整系统，其特征在于，包含：

一服务端，所述服务端还包含：

一储存模块，用以储存至少一网页，所述网页透过文件对象模型建立，且所述网页具有至少一网页表单；

一服务端接收模块，用以接收一显示数目；

一服务端计算模块，用以依据一显示总数以及所述显示数目计算出一显示总页数；

一服务端传送模块，用以传送所述网页，以及传送所述显示总页数与对应的网页表单内容；及

一客户端，所述客户端还包含：

一客户端接收模块，用以自所述服务端传送模块接收所述网页，以及自所述服务端传送模块接收所述显示总页数与对应的网页表单内容；

一客户端计算模块，用以依据所述浏览器的尺寸计算出所述网页表单的尺寸，并依据所述网页表单的尺寸以及所述网页表单的栏位尺寸计算出所述显示数目；

一客户端传送模块，用以传送所述显示数目至所述服务端接收模块；及

一显示模块，用以显示所述网页，其中所述网页表单依据所述显示数目、所述显示总页数与对应的网页表单内容进行显示。

2.如权利要求1所述的网页表单动态调整系统，其特征在于，所述客户端还包含一监测模块，用以监测所述浏览器的尺寸是否变化，当所述浏览器的尺寸变化时，再次由所述客户端计算模块重新计算所述显示数目并由所述客户端传送模块提供至所述服务端接收模块，所述服务端计算模块依据所述显示总数以及所述显示数目重新计算出所述显示总页数并由所述服务端传送模块提供至所述客户端接收模块，所述显示模块显示变化后的所述网页，其中所述网页表单依据重新计算后的所述显示数目、重新计算后的所述显示总页数与对应的网页表单内容进行显示。

3.如权利要求1所述的网页表单动态调整系统，其特征在于，所述服务端计算模块将所述显示总数除以所述显示数目取整数加1以计算出所述显示总页数。

4.如权利要求1所述的网页表单动态调整系统，其特征在于，所述客户端透过有线网络传输方式或无线网络传输方式与所述服务端建立联机，使所述客户端与所述服务端之间可进行资料数据传输，上述无线网络传输方式包含无线网络、Wi-Fi、第三代行动通讯技术以及第四代行动通讯技术。

5.一种网页表单动态调整方法，其特征在于，包含下列步骤：

一服务端储存有透过文件对象模型建立的至少一网页，所述网页具有至少一网页表单；

一客户端自所述服务端获得所述网页；

所述客户端依据所述浏览器的尺寸计算出所述网页表单的尺寸，并依据所述网页表单的尺寸以及所述网页表单的栏位尺寸计算出一显示数目；

所述客户端提供所述显示数目至所述服务端；

所述服务端依据一显示总数以及所述显示数目计算出一显示总页数；

所述服务端传送所述显示总页数与对应的网页表单内容至所述客户端；及

所述客户端显示所述网页，其中所述网页表单依据所述显示数目、所述显示总页数与对应的网页表单内容进行显示。

6.如权利要求5所述的网页表单动态调整方法，其特征在于，所述网页表单动态调整方法还包含下列步骤：

监测所述浏览器的尺寸是否变化；

当所述浏览器的尺寸变化时，回到所述客户端依据所述浏览器的尺寸计算出所述网页表单的尺寸，并依据所述网页表单的尺寸以及所述网页表单的栏位尺寸计算出所述显示数目的步骤再次执行。

7.如权利要求5所述的网页表单动态调整方法，其特征在于，所述服务端将所述显示总数除以所述显示数目取整数加1以计算出所述显示总页数。

8.如权利要求5所述的网页表单动态调整方法，其特征在于，所述客户端透过有线网络传输方式或无线网络传输方式与所述服务端建立联机，使所述客户端与所述服务端之间可进行资料数据传输，上述无线网络传输方式包含无线网络、Wi-Fi、第三代行动通讯技术以及第四代行动通讯技术。