[发明专利]一种网页数据的显示方法及装置

说明书

技术领域

本发明涉及一种数据显示方法，特别是一种网页数据的显示方法；本发明还涉及一种用于实现上述方法的显示装置。

背景技术

在网页制作上，为了方便制作，一般会编写一些控件如列表控件、树控件、表格控件等，但是由于网页的脚本语言是解释性语言，因此性能上比其它语言(如C++、Java等)要差。另外在HTML中，因DOM元素本身的复杂性，其所占用的计算机内存资源较大。这里的DOM元素是指HTML语言中的标签对象，比如<TABLE>、<DIV>等网页用来展示数据的载体(下同)。而目前业界这些控件实现思路都是直接用DOM元素来绘制所有的数据，导致控件所容纳的数据量受到很大的限制。

而目前网页应用越来越普遍，对应的javascript、HTML及CSS创建出来的控件体系越来越多，其控件展示的数据量一般只能展示到一两千条左右，超过这个数据量则会导致计算机内存资源不足的问题。

发明内容

本发明在于克服现有技术的缺点与不足，提供一种能够提高数据展示量的网页数据显示方法及装置。

本发明是通过以下的技术方案实现的：一种网页数据的显示方法，其包括以下步骤：

步骤1：编写网页控件时，构造容纳数据用的数据结构，通过该数据结构将数据保存在后台；

步骤2：设置数据显示区，在所述数据显示区域中构造对应的DOM元素，在后台的数据结构中将对应的数据输出至数据显示区中；

步骤3：在数据显示区中创建滚动条，通过滚动条控制数据显示区中数据的滚动更新，每当滚动一行数据，则从后台数据结构中传输一行新的数据至数据显示区。

相比于现有技术，本发明通过将数据保存在后台中，仅仅在显示区域中将数据进行传输，避免了现有技术中需要全部传输完数据后，再进行显示。同时，由于前端的数据显示区中仅仅需要加载显示区中的数据，因此不用等全部数据加载完成后再显示，这样既可以加大显示数据的量，不受到数据数量的限制，同时也可以提高显示的速度。

作为本发明的进一步改进，所述网页控件为列表控件，相应构造数组的数据结构。

作为本发明的另一种改进，所述网页控件为树控件，相应构造tree数据结构。

作为本发明的另一种改进，所述网页控件为表格控件，相应构造list数据结构。

作为本发明的进一步改进，在步骤2中，所述数据显示区设置为列表形式。

一种网页数据的显示装置，其包括

数据结构构造单元，用于在编写网页控件时，构造容纳数据用的数据结构，通过该数据结构将数据保存在后台；

数据显示单元，用于设置数据显示区，在所述数据显示区域中构造对应的DOM元素，在后台的数据结构中将对应的数据输出至数据显示区中；

数据更新单元，用于在数据显示区中创建滚动条，通过滚动条控制数据显示区中数据的滚动更新，每当滚动一行数据，则从后台数据结构中传输一行新的数据至数据显示区。

作为本发明的进一步改进，所述网页控件为列表控件，相应构造数组的数据结构。

作为本发明的另一种改进，所述网页控件为树控件，相应构造tree数据结构。

作为本发明的另一种改进，所述网页控件为表格控件，相应构造list数据结构。

作为本发明的进一步改进，所述数据显示区设置为列表形式。

为了更好地理解和实施，下面结合附图详细说明本发明。

附图说明

图1是本发明的网页数据显示方法的步骤流程图。

图2是本发明的网页数据显示装置的连接框图。

图3是本发明的网页数据的显示界面示意图。

具体实施方式

为了解决现有技术中在显示大量数据时，会同时占用计算机的内存，本发明提供了一种能够提高数据展示量的网页数据显示方法及装置。

请参阅图1，其为本发明的网页数据显示方法的步骤流程图。

本发明提供了一种网页数据的显示方法，其包括以下步骤：

步骤S1：编写网页控件时，构造容纳数据用的数据结构，通过该数据结构将数据保存在后台。

在本步骤S1中，所述网页控件可以是列表控件、树控件、表格控件，以及表格树控件。

当所述网页控件为列表控件，直接用数组对象Array存储数据。

当所述网页控件为树控件，相应构造容纳数据用tree数据结构。

当所述网页控件为表格控件，构造容纳数据用的List数据结构。