我是靠谱客的博主 单纯小兔子,最近开发中收集的这篇文章主要介绍Java结合html,css实现内容的酷炫分页(2),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

前言:上一节介绍了酷炫分页的初步实现,详情大家可以参阅上篇文章---Java结合html,css实现内容的酷炫分页(1)

主题:今天继续为大家讲解如何实现分页多时只显示指定页数的分页,具体效果可参见我的网站LongBro博客。下面把实现效果的截图放上。


我这里设计的是只展示‘上’和‘下’和六个页码。算法是,使用if判断语句当页码总数小于等于6时,直接输出所有页码;当页码总数大于6时,再次进行if判断,当当前页码大于总页码-6时,输出后六个页码,否则,输出当前页码后的六个页码

if(pages<=6){//页数小于等于6,直接输出6个页数
for(int j=1;j<=pages;j++){
String pageIndex="<a href="/LongBlog/index.jsp?pageId="+j+"">"+j+"</a>";
if(j==pageI){
out.write("<current>"+pageIndex+"</current>");
}else{
out.write(pageIndex);
}
}
}else{//页数大于6,算法设计只显示6个页数
if(pageI>pages-6){//当前页码大于总页码-6,输出后六页
for(int j=pages-5;j<=pages;j++){
String pageIndex="<a href="/LongBlog/index.jsp?pageId="+j+"">"+j+"</a>";
if(j==pageI){
out.write("<current>"+pageIndex+"</current>");
}else{
out.write(pageIndex);
}
}
}else{//当前页码小于总页码-6,输出当前页码后的六页
for(int j=pageI;j<pageI+6;j++){
String pageIndex="<a href="/LongBlog/index.jsp?pageId="+j+"">"+j+"</a>";
if(j==pageI){
out.write("<current>"+pageIndex+"</current>");
}else{
out.write(pageIndex);
}
}
}
}
我是Long Bro,欢迎大家访问我的博客网站 Long Bro博客,欢迎评论。


最后

以上就是单纯小兔子为你收集整理的Java结合html,css实现内容的酷炫分页(2)的全部内容,希望文章能够帮你解决Java结合html,css实现内容的酷炫分页(2)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(65)

评论列表共有 0 条评论

立即
投稿
返回
顶部