[发明专利]一种网页分页插件的实现方法

说明书

技术领域

本发明涉及计算机软件技术领域，尤其涉及一种网页分页插件的实现方法。

背景技术

在随着产业信息化和网络化的不断发展，基于B/S架构的系统凭借着无安装、分布容易等特点越来越广泛地被应用于各个行业，因此对此类程序的安全性以及灵活性的要求也越来越高。传统的Web客户端权限控制方法主要采取对网站会话中保存的用户会话进行读取，然后根据用户种类的不同，在页面上显示不同的网页元素与功能，从而达到实现给予不同用户不同权限的效果。这种方式需要在不同的网页编写大量的逻辑代码对权限进行控制，在扩展性上十分不容易，而且工作量也相对较大。

申请号为CN201210062253.2的发明专利申请公开了一种数据分页插件的生成方法，其以页面开发插件JQUERY插件方式开发的数据分页插件的生成方法，支持对数据的单选、多选、打印、输入数据列、批量修改数据后提交等操作，能够方便地按照自定义的界面风格分页显示数据，减少了代码开发量，方便扩展和使用，提高开发效率，并且提高了界面数据的显示速度，减小了对服务器的压力。但是该技术完全是以表格形式进行封装插件的，对于非表格形式数据的分页是不适用的。

发明内容

本发明的目的是为了克服现有技术的缺陷，提供一种网页分页插件的实现方法，该方法将分页功能进行插件化封装，使得在需要分页功能时只需极少的代码既可实现，而且风格更统一，扩展更灵活，其具体实现流程如下：

s1.定义一个包含id属性的div标签；

s2.定义一个配置json对象，配置参数；

s3.对html元素编写根据所有参数进行对应渲染处理的javascript代码，并最终暴露一个外部调用函数；

s4.执行对s3中形成的分页插件外部调用函数的调用，并传递s1中所定义的相关参数，未传递的参数则采用内置的默认值；

s5.根据参数渲染分页插件的html元素；

s6.事件绑定，当触发点击事件，则修改当前页参数，并重新到s4进行重新调用渲染。

其中，s1中的标签还可以是包含其他标签的范围标签，例如span标签、li标签。

s2中配置参数包括对应网页元素id、当前页、总页数、页码数量、样式属性、事件。

s5中渲染分页插件的html元素包括：添加上一页，下一页，首页，末页，以及根据页数量、当前页、总页数，智能循环添加页码跳转链接。

本发明技术方案带来的有益效果：

本发明技术方案将分页功能进行插件化封装，使得在需要分页功能时只需极少的代码既可实现，而且代码量少，风格统一，扩展性强。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1是本发明的方法流程图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的主要创新点在于将分页功能进行插件化封装，使得在需要分页功能时只需极少的代码既可实现，而且风格更统一，扩展更灵活。如图1所示为本发明的方法流程图，其具体的实施步骤如下：

1.定义一个包含id属性的div标签，也可以是可包含其他标签的范围标签，如span标签、li标签等。

2.定义一个配置json对象，配置参数的对应网页元素id、当前页、总页数、页码数量、样式属性、事件等。

3.对html元素编写根据所有参数进行对应渲染处理的javascript代码，并最终暴露一个外部调用函数。

4.执行对3中形成的分页插件外部调用函数的调用，并传递1中所定义的相关参数，未传递的参数则采用内置的默认值。

5.根据参数渲染分页插件的html元素：添加上一页，下一页，首页，末页，以及根据页数量、当前页、总页数，智能循环添加页码跳转链接。

6.事件绑定，当触发点击事件，则修改当前页参数，并重新到第4步进行重新调用渲染。

以上对本发明实施例所提供的一种网页分页插件的实现方法进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。