一种基于Bootstrap的页面跳转方法及装置制造方法及图纸

技术编号:13595906 阅读:207 留言:0更新日期:2016-08-26 13:14
本发明专利技术涉及页面跳转技术领域,尤其涉及一种基于Bootstrap的页面跳转方法及装置。所述基于Bootstrap的页面跳转方法包括以下步骤:在Bootstrap的分页按钮中添加第一页按钮、最后一页按钮、文本框和跳转按钮;判断当前页面跳转操作对应的分页按钮是否是第一页按钮、最后一页按钮或文本框和跳转按钮,如果是第一页按钮、最后一页按钮或文本框和跳转按钮,根据第一页按钮、最后一页按钮或文本框和跳转按钮获取对应页面的页面数据并刷新页面。本发明专利技术通过在Bootstrap分页按钮中添加第一页按钮、最后一页按钮、文本框和跳转按钮,根据用户的页码跳转操作快速跳转至对应的页面,并实时调整当前显示页面的按钮样式,以对当前显示页面进行标示,使得Bootstrap的页面跳转操作更加简单方便,尤其适用于多页码的页面跳转操作。

【技术实现步骤摘要】

本专利技术实施例涉及页面跳转
,尤其涉及一种基于Bootstrap的页面跳转方法及装置
技术介绍
Bootstrap是twitter(是一家美国社交网络及微博客服务的网站,是全球互联网上访问量最大的十个网站之一)推出的一款前端框架。Bootstrap里面集成了各种样式风格,让不太懂UI设计,前端开发的后端人员也可以做出漂亮的网站。但是,现有的boottrap不支持第一页、最后一页和输入页码跳转的功能,具体如图1至图3所示,为现有boottrap的页码跳转样式图。在图1中,有具体的页码和上一页、下一页的按钮,点击某一页的时候,这一页的页码用灰色框标记,不可点击;如果在第一页,上一页按钮也会被置灰,不可点击。在图2中,如果在最后一页,下一页的按钮会置灰,不可点击。在图3中,每次显示页码是当前点击页码相邻的5页。综上所述,由于现有boottrap的页码跳转样式不支持第一页、最后一页和输入页码跳转,在页码多的情况下,需要跳转到某一页非常的不方便,为操作人员带来了不便。
技术实现思路
本专利技术实施例提供了一种基于Bootstrap的页面跳转方法及装置,旨在解决现有的boottrap页码本文档来自技高网...

【技术保护点】
一种基于Bootstrap的页面跳转方法,其特征在于,包括以下步骤:在Bootstrap的分页按钮中添加第一页按钮、最后一页按钮、文本框和跳转按钮;判断当前页面跳转操作对应的分页按钮是否是第一页按钮、最后一页按钮或文本框和跳转按钮;如果是第一页按钮、最后一页按钮或文本框和跳转按钮,根据第一页按钮、最后一页按钮或文本框和跳转按钮获取对应页面的页面数据并刷新页面。

【技术特征摘要】
1.一种基于Bootstrap的页面跳转方法,其特征在于,包括以下步骤:在Bootstrap的分页按钮中添加第一页按钮、最后一页按钮、文本框和跳转按钮;判断当前页面跳转操作对应的分页按钮是否是第一页按钮、最后一页按钮或文本框和跳转按钮;如果是第一页按钮、最后一页按钮或文本框和跳转按钮,根据第一页按钮、最后一页按钮或文本框和跳转按钮获取对应页面的页面数据并刷新页面。2.根据权利要求1所述的基于Bootstrap的页面跳转方法,其特征在于,所述添加第一页按钮、最后一页按钮、文本框和跳转按钮的实现方式为:添加first、last和jump的<li>标签,first代表第一页按钮,Last代表最后一页按钮,Jump代表文本框和跳转按钮。3.根据权利要求2所述的基于Bootstrap的页面跳转方法,其特征在于,还包括:接收用户的页面操作,判断当前页面操作是否是页面跳转操作。4.根据权利要求1所述的基于Bootstrap的页面跳转方法,其特征在于,所述根据第一页按钮、最后一页按钮或文本框和跳转按钮获取对应页面的页面数据并刷新页面具体包括:当前页面跳转操作对应的分页按钮为所述第一页按钮时,获取第一页的页面数据并刷新页面;当前页面跳转操作对应的分页按钮为所述最后一页按钮时,获取最后一页的页面数据并刷新页面;当前页面跳转操作对应的分页按钮为所述文本框和跳转按钮时,获取文本框中输入页码的页面数据并刷新页面。5.根据权利要求4所述的基于Bootstrap的页面跳转方法,其特征在于,所述根据第一页按钮、最后一页按钮或文本框和跳转按钮获取对应页面的页面数据并刷新页面还包括:在获取对应页面的页面数据并刷新页面的同
\t时,设置当前显示页面的分页按钮样式,将当前显示页面上的所有分页按钮都移除并重新添加,保留第一页按钮、上一页按钮、下一页按钮、最后一页按钮、文本框和跳转按钮;为当前显示页面的页码设置特殊样式;将当前显示页面的页码显示在文本框中。6.一种基于Bootstrap的页面跳转装置,其特征在于,包括按钮初始化模块、按钮判断模块和页面刷新模块;所述按钮初始化模块用于在Bootstrap的分...

【专利技术属性】
技术研发人员:谢晓静
申请(专利权)人:乐视控股北京有限公司乐视网信息技术北京股份有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1