CN102662654A

CN102662654A - 一种数据分页插件的生成方法

Info

Publication number: CN102662654A
Application number: CN2012100622532A
Authority: CN
Inventors: 廖小波
Original assignee: BEIJING DIGITAL CHINA SI-TECH INFORMATION TECHNOLOGY Co Ltd
Current assignee: BEIJING DIGITAL CHINA SI-TECH INFORMATION TECHNOLOGY Co Ltd
Priority date: 2012-03-09
Filing date: 2012-03-09
Publication date: 2012-09-12

Abstract

本发明提供了一种以页面开发插件JQUERY插件方式开发的数据分页插件的生成方法，支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作，能够方便地按照自定义的界面风格分页显示数据，减少了代码开发量，方便扩展和使用，提高开发效率，并且提高了界面数据的显示速度，减小了对服务器的压力。

Description

一种数据分页插件的生成方法

技术领域

本发明涉及一种数据分页插件的生成方法，可以在界面上以分页的方式显示数据并支持对数据进行操作，属于计算机软件技术领域。

背景技术

在程序开发过程中，对于处理较多数据的应用系统，通常都有对数据分页显示的需求，以支持数据的分页显示以及操作功能。但目前存在的分页插件在性能上还不能满足用户的需要，比如有的分页插件的页面风格设置复杂呆板，数据修改繁琐等；有的分页插件功能固定，难以扩展；又比如现有的EXT的分页插件依赖于EXT框架，体积比较大，界面加载较慢，降低了数据显示速度，并增大了开发难度。

因此，需要一种新的数据分页插件，能够提高界面数据显示速度，简化页面设置和数据修改，并能减少代码开发量，提高开发效率。

发明内容

本发明的目的正是为了提供一种数据分页插件的生成方法，支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作，能够方便地按照自定义的界面风格分页显示数据，减少了代码开发量，方便扩展和使用，提高开发效率，并且提高了界面数据的显示速度，减小对服务器的压力。JQUERY是优秀的Javascrīpt框架，是轻量级的js库，定义了很多便利的函数，使得开发简洁高效，兼容性好。本发明以JQUERY插件的方式实现了一种数据分页插件的生成方法，该数据分页插件的生成方法包括以下步骤：

步骤一，定义用于显示数据的表格；

步骤二，定义表格中的参数，并对表格的参数进行设置；

步骤三，在表格中设置操作按钮；

步骤四，实现页面操作函数；

步骤五，通过所述表格，将操作按钮与页面操作函数进行关联，即将操作函数绑定到操作按钮上；

步骤六，执行对表格的加载，从而实现表格分页插件。

本发明所提供的数据分页插件支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作，能够方便地按照自定义的界面风格分页显示数据，减少了代码开发量，方便扩展和使用，提高开发效率，并且提高了界面数据的显示速度，减小了对服务器的压力。

附图说明

图1为本发明的流程图。

图2为本发明的界面显示效果图。

图3为数据单选效果图。

图4为数据多选效果图。

图5为隐藏标题部分效果图。

图6为隐藏表头部分效果图。

图7为隐藏标题、表头和分页部分，只显示数据部分效果图。

图8为数据输入效果图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。本发明以JQUERY插件的方式开发分页插件，可以保证分页插件的可扩展性，方便添加新的功能。

图1为本发明的流程图，显示了数据分页插件的生成过程。以下结合附图1所展示的流程图详细说明本发明所涉及的数据分页插件生成过程。

步骤一，定义用于显示数据的表格，如：var sg。

步骤二，定义表格中的参数，并对表格的参数进行设置，其中，设置的参数包括：页面标题、页面大小、打印格式，以及是否显示标题、是否显示表头、是否显示分页信息等，

步骤三，在表格中增加操作按钮，如：查询、清除、新增、修改、删除、保存、打印等按钮。

步骤四，实现页面操作函数，如；查询函数、增加新记录的函数、修改记录的函数、数据保存函数、打印函数等，其中，数据符合JSON格式。

步骤五，通过所述表格，将操作按钮与页面操作函数进行关联，即将操作函数绑定到操作按钮上。

步骤六，执行对表格的加载，从而实现表格分页插件。如利用函数：$(document).ready(function(){sg=$("#virtualInfo").sitechgrid(属性1,…,属性n);})实现对表格的加载，其中，sg为待加载的表格变量，"#virtualInfo"表示在页面中加载表格的特定区域的区域名，函数sitechgrid（）为定义表格属性的函数，该函数通过属性1,…,属性n定义了待加载表格的表格属性,n为大于等于2的自然数，$(document).ready(function(){})为执行表格加载的启动函数，具体解释为：document表示获取整个网页文档对象，$(document).ready(function(){})表示在获取网页文档对象就绪时，执行函数function(){}大括号{}中的代码内容，从而实现了对表格的加载。

本发明所涉及的表格分页插件，所有显示效果基本都通过参数配置实现：在插件中定义表格初始参数，如页面已定义，则取页面的值，覆盖默认的初始值，从而只需要简单配置和代码编写就可实现各种显示效果，减少页面代码量，并且使用方便。通过本发明所实现的效果图如图2所示，界面中具有标题、表头部分，并实现了对数据的分页，用户可自由选择以前进到目标页。

在具体的使用中，考虑客户的各种显示需求，如在图2的基础上可自定义标题和按钮，标题、表头和分页部分都可以根据需要通过配置不同参数控制是否显示。表格分页插件中实现了对数据的单选、多选操作，实现了对数据进行查询、增加、删除、修改、打印等操作，修改后的数据可以以不同颜色显示。支持处理嵌套格式JSON数据，可无限级嵌套，方便处理复杂数据，通过把常用功能集成到插件中，用封装的方法实现，使得调用简单灵活。其中，数据的单选操作效果如图3所示，数据的多选操作效果如图4所示，标题部分隐藏效果如图5所示，表头部分隐藏效果如图6所示，隐藏标题、表头和分页部分只显示数据部分效果的效果如图7所示，数据输入界面如图8所示。

在具体操作中，使用JSON格式数据，对性能进行了优化，可以减少服务器的压力，满足大数据量一次显示的要求。一页显示5000条数据只要十秒左右，简单的数据可以一页显示10000条，只需十秒到几分钟左右，大大提高了显示效率。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种数据分页插件的生成方法，该数据分页插件的生成方法包括以下步骤：

步骤一，定义用于显示数据的表格；

步骤二，定义所述表格中的参数，并对所述表格中的参数进行设置；

步骤三，在所述表格中设置操作按钮；

步骤四，实现页面操作函数；

步骤五，通过所述表格，将所述操作按钮与所述页面操作函数进行关联，即将所述操作函数绑定到所述操作按钮上；

步骤六，执行对所述表格的加载，从而实现表格分页插件。

2.根据权利要求1所述的数据分页插件的生成方法，其特征在于，该数据分页插件是以页面开发插件JQUERY插件方式开发的表格分页插件。

3.根据权利要求1所述的数据分页插件的生成方法，其特征在于，通过设置表格中的参数值实现对界面风格的配置。

4.根据权利要求1-3任一所述的数据分页插件的生成方法，其特征在于，表格中的数据符合JSON格式，其中，JSON数据格式为程序开发中所使用的轻量级数据交换格式。

5.根据权利要求1-3任一所述的数据分页插件的生成方法，其特征在于，设置的参数包括：页面标题、页面大小、打印格式，单选、多选设置，以及是否显示标题、是否显示表头、是否显示分页信息。

6.根据权利要求1-3任一所述的数据分页插件的生成方法，其特征在于，操作按钮包括查询按钮、清除按钮、新增按钮、修改按钮、删除按钮、保存按钮、打印按钮。

7.根据权利要求1-3任一所述的数据分页插件的生成方法，其特征在于，页面操作函数包括查询函数、增加新记录的函数、修改记录的函数、数据保存函数、打印函数。

8.根据权利要求1-3任一所述的数据分页插件的生成方法，其特征在于，利用函数

“$(document).ready(function(){sg＝$(″#virtualInfo″).sitechgrid(属性1，...，属性n)；})”实现对表格的加载，其中，sg为待加载的表格变量，″#virtualInfo″表示在页面中加载表格的特定区域的区域名，函数sitechgrid()为定义表格属性的函数，该函数通过属性1，...，属性n定义了待加载表格的表格属性，n为大于2的自然数。

9.一种数据分页插件的生成装置，该数据分页插件的生成装置包括以下模块：

表格定义模块，用于定义显示数据的表格；

参数设置模块，用于定义所述表格中的参数，并对所述表格中的参数进行设置；

按钮设置模块，用于在所述表格中设置操作按钮；

函数实现模块，用于实现页面操作函数；

关联模块，用于通过所述表格，将所述操作按钮与所述页面操作函数进行关联，即将所述操作函数绑定到所述操作按钮上；

加载模块，用于执行对所述表格的加载，从而实现表格分页插件。

10.根据权利要求9所述的数据分页插件的生成装置，其特征在于，该数据分页插件是以页面开发插件JQUERY插件方式开发的表格分页插件。

11.根据权利要求9所述的数据分页插件的生成装置，其特征在于，通过设置表格中的参数值实现对界面风格的配置。

12.根据权利要求9-11任一所述的数据分页插件的生成装置，其特征在于，表格中的数据符合JSON格式，其中，JSON数据格式为程序开发中所使用的轻量级数据交换格式。

13.根据权利要求9-11任一所述的数据分页插件的生成装置，其特征在于，设置的参数包括：页面标题、页面大小、打印格式，单选、多选设置，以及是否显示标题、是否显示表头、是否显示分页信息。

14.根据权利要求9-11任一所述的数据分页插件的生成装置，其特征在于，操作按钮包括查询按钮、清除按钮、新增按钮、修改按钮、删除按钮、保存按钮、打印按钮。

15.根据权利要求9-11任一所述的数据分页插件的生成装置，其特征在于，页面操作函数包括查询函数、增加新记录的函数、修改记录的函数、数据保存函数、打印函数。

16.根据权利要求9-11任一所述的数据分页插件的生成装置，其特征在于，利用函数

“$(document).ready(function(){sg＝$(″#virtualInfo″).sitechgrid(属性1，...，属性n)；})”实现对表格的加载，其中，sg为待加载的表格变量，″#virtualInfo″表示在页面中加载表格的特定区域的区域名，函数sitechgrid()为定义表格属性的函数，该函数通过属性1，...，属性n定义了待加载表格的表格属性，n为大于等于2的自然数。