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

文档序号:6366055阅读:214来源:国知局
专利名称:一种数据分页插件的生成方法
技术领域
本发明涉及一种数据分页插件的生成方法,可以在界面上以分页的方式显示数据并支持对数据进行操作,属于计算机软件技术领域。
背景技术
在程序开发过程中,对于处理较多数据的应用系统,通常都有对数据分页显示的需求,以支持数据的分页显示以及操作功能。但目前存在的分页插件在性能上还不能满足用户的需要,比如有的分页插件的页面风格设置复杂呆板,数据修改繁琐等;有的分页插件功能固定,难以扩展;又比如现有的EXT的分页插件依赖于EXT框架,体积比较大,界面加载较慢,降低了数据显示速度,并增大了开发难度。因此,需要一种新的数据分页插件,能够提高界面数据显示速度,简化页面设置和 数据修改,并能减少代码开发量,提高开发效率。

发明内容
本发明的目的正是为了提供一种数据分页插件的生成方法,支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作,能够方便地按照自定义的界面风格分页显示数据,减少了代码开发量,方便扩展和使用,提高开发效率,并且提高了界面数据的显示速度,减小对服务器的压力。JQUERY是优秀的Javascript框架,是轻量级的js库,定义了很多便利的函数,使得开发简洁高效,兼容性好。本发明以JQUERY插件的方式实现了一种数据分页插件的生成方法,该数据分页插件的生成方法包括以下步骤
步骤一,定义用于显示数据的表格;
步骤二,定义表格中的参数,并对表格的参数进行设置;
步骤三,在表格中设置操作按钮;
步骤四,实现页面操作函数;
步骤五,通过所述表格,将操作按钮与页面操作函数进行关联,即将操作函数绑定到操作按钮上;
步骤六,执行对表格的加载,从而实现表格分页插件。本发明所提供的数据分页插件支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作,能够方便地按照自定义的界面风格分页显示数据,减少了代码开发量,方便扩展和使用,提高开发效率,并且提高了界面数据的显示速度,减小了对服务器的压力。


图I为本发明的流程图。图2为本发明的界面显示效果图。图3为数据单选效果图。
图4为数据多选效果图。图5为隐藏标题部分效果图。图6为隐藏表头部分效果图。图7为隐藏标题、表头和分页部分,只显示数据部分效果图。图8为数据输入效果图。
具体实施例方式以下结合附图对本发明的原理和特征进行描述,所举实例只用于解释本发明,并非用于限定本发明的范围。本发明以JQUERY插件的方式开发分页插件,可以保证分页插件的可扩展性,方便添加新的功能。 图I为本发明的流程图,显示了数据分页插件的生成过程。以下结合附图I所展示的流程图详细说明本发明所涉及的数据分页插件生成过程。步骤一,定义用于显示数据的表格,如var Sg。步骤二,定义表格中的参数,并对表格的参数进行设置,其中,设置的参数包括页面标题、页面大小、打印格式,以及是否显示标题、是否显示表头、是否显示分页信息等,
步骤三,在表格中增加操作按钮,如查询、清除、新增、修改、删除、保存、打印等按钮。步骤四,实现页面操作函数,如;查询函数、增加新记录的函数、修改记录的函数、数据保存函数、打印函数等,其中,数据符合JSON格式。步骤五,通过所述表格,将操作按钮与页面操作函数进行关联,即将操作函数绑定到操作按钮上。步骤六,执行对表格的加载,从而实现表格分页插件。如利用函数$ (document),ready (function () {sg=$ ("#virtualInfo") sitechgrid (属性 I,…,属性 n) ;})实现对表格的加载,其中,Sg为待加载的表格变量,"#virtualInfo"表示在页面中加载表格的特定区域的区域名,函数sitechgrid ()为定义表格属性的函数,该函数通过属性I,…,属性n定义了待加载表格的表格属性,n为大于等于2的自然数,$ (document).ready (function () {})为执行表格加载的启动函数,具体解释为document表示获取整个网页文档对象,$ (document). ready (function () {})表示在获取网页文档对象就绪时,执行函数functionO {}大括号{}中的代码内容,从而实现了对表格的加载。本发明所涉及的表格分页插件,所有显示效果基本都通过参数配置实现在插件中定义表格初始参数,如页面已定义,则取页面的值,覆盖默认的初始值,从而只需要简单配置和代码编写就可实现各种显示效果,减少页面代码量,并且使用方便。通过本发明所实现的效果图如图2所示,界面中具有标题、表头部分,并实现了对数据的分页,用户可自由选择以前进到目标页。在具体的使用中,考虑客户的各种显示需求,如在图2的基础上可自定义标题和按钮,标题、表头和分页部分都可以根据需要通过配置不同参数控制是否显示。表格分页插件中实现了对数据的单选、多选操作,实现了对数据进行查询、增加、删除、修改、打印等操作,修改后的数据可以以不同颜色显示。支持处理嵌套格式JSON数据,可无限级嵌套,方便处理复杂数据,通过把常用功能集成到插件中,用封装的方法实现,使得调用简单灵活。其中,数据的单选操作效果如图3所示,数据的多选操作效果如图4所示,标题部分隐藏效果如图5所示,表头部分隐藏效果如图6所示,隐藏标题、表头和分页部分只显示数据部分效果的效果如图7所示,数据输入界面如图8所示。在具体操作中,使用JSON格式数据,对性能进行了优化,可以减少服务器的压力,满足大数据量一次显示的要求。一页显示5000条数据只要十秒左右,简单的数据可以一 页显示10000条,只需十秒到几分钟左右,大大提高了显示效率。以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
权利要求
1.一种数据分页插件的生成方法,该数据分页插件的生成方法包括以下步骤 步骤一,定义用于显示数据的表格; 步骤ニ,定义所述表格中的參数,并对所述表格中的參数进行设置; 步骤三,在所述表格中设置操作按钮; 步骤四,实现页面操作函数; 步骤五,通过所述表格,将所述操作按钮与所述页面操作函数进行关联,即将所述操作函数绑定到所述操作按钮上; 步骤六,执行对所述表格的加载,从而实现表格分页插件。
2.根据权利要求I所述的数据分页插件的生成方法,其特征在于,该数据分页插件是以页面开发插件JQUERY插件方式开发的表格分页插件。
3.根据权利要求I所述的数据分页插件的生成方法,其特征在于,通过设置表格中的參数值实现对界面风格的配置。
4.根据权利要求1-3任一所述的数据分页插件的生成方法,其特征在于,表格中的数据符合JSON格式,其中,JSON数据格式为程序开发中所使用的轻量级数据交换格式。
5.根据权利要求1-3任一所述的数据分页插件的生成方法,其特征在于,设置的參数包括页面标题、页面大小、打印格式,单选、多选设置,以及是否显示标题、是否显示表头、是否显示分页信息。
6.根据权利要求1-3任一所述的数据分页插件的生成方法,其特征在于,操作按钮包括查询按钮、清除按钮、新增按钮、修改按钮、删除按钮、保存按钮、打印按钮。
7.根据权利要求1-3任一所述的数据分页插件的生成方法,其特征在于,页面操作函数包括查询函数、增加新记录的函数、修改记录的函数、数据保存函数、打印函数。
8.根据权利要求1-3任一所述的数据分页插件的生成方法,其特征在于,利用函数“$(document) · ready(function O {sg = $( " #virtualInfo " )·sitechgrid (属性1,···,属性η) ;})”实现对表格的加载,其中,Sg为待加载的表格变量,"#virtualInfo"表示在页面中加载表格的特定区域的区域名,函数sitechgridO为定义表格属性的函数,该函数通过属性1,...,属性η定义了待加载表格的表格属性,η为大于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 " ). sitechg rid(属性.1,...,属性11) ;})”实现对表格的加载,其中,sg为待加载的表格变量,"#virtualInfo"表示在页面中加载表格的特定区域的区域名,函数sitechgridO为定义表格属性的函数,该函数通过属性1,...,属性n定义了待加载表格的表格属性,n为大于等于2的自然数。
全文摘要
本发明提供了一种以页面开发插件JQUERY插件方式开发的数据分页插件的生成方法,支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作,能够方便地按照自定义的界面风格分页显示数据,减少了代码开发量,方便扩展和使用,提高开发效率,并且提高了界面数据的显示速度,减小了对服务器的压力。
文档编号G06F3/048GK102662654SQ20121006225
公开日2012年9月12日 申请日期2012年3月9日 优先权日2012年3月9日
发明者廖小波 申请人:北京神州数码思特奇信息技术股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1