小东Freeman + 关注

签名:我们爱我们的倒霉工作,也爱这千疮百孔的世界。

自己做的分页插件css+jsp标签

发表于 1年前   1846次查看    0评论  1 赞

最近一直在想好的分页插件,在网上找了很多,都不能完美兼容,因为只能显示一种东西而不能进行判断,比如当你想判断这个人是用户还是游客时该进游客的主页还是自己的主页时的麻烦,终于不堪其烦,自己写了一个,虽然比件麻烦但是自己用的称心,接下来贴下源码

这部分是jsp页面代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<script type="text/javascript">
      function firstpage(){
          layer.msg('已经是第一页了', {
              offset: '250px',
              anim: 6
            });
      }
       
      function lastpage(){
          layer.msg('已经是最后一页了', {
              offset: '250px',
              anim: 6
            });
      }
       
       
      </script>
      <div class="Pagep">
      <!-- 首页 -->
       <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=1">首页</a>
      <!-- 上一页 如果第一页就弹出已经是第一页了 -->
      <c:if test="${article.pageNum-1!='0'}">
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${article.pageNum-1}">
      </c:if>
      <c:if test="${article.pageNum-1=='0'}">
      <a href="javascript:void(0)" onclick="firstpage()">
      </c:if>
               上一页</a>
      &nbsp;
      <!-- 如果第一页显示123 -->
      <c:if test="${article.pageNum-1=='0'}">
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=1">${article.pageNum }</a>
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=2">${article.pageNum+1 }</a>
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=3">${article.pageNum+2 }</a>
      </c:if>
      <!-- 如果不是第一页显示别的 -->
      <c:if test="${article.pageNum-1!='0'}">
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${article.pageNum-1 }">${article.pageNum-1 }</a>
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${article.pageNum }">${article.pageNum }</a>
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${article.pageNum+1 }">${article.pageNum+1 }</a>
      </c:if>
        
      &nbsp;
      <!-- 下一页 如果最后一页弹出已经是最后一页 -->
      <c:if test="${article.pageNum+1<=article.totalPage}">
      <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${article.pageNum+1}">
      </c:if>
      <c:if test="${article.pageNum+1>article.totalPage}">
      <a href="javascript:void(0)" onclick="lastpage()">
      </c:if>
             下一页</a>
      <!-- 尾页 -->
       <a href="${pageContext.request.contextPath }/article/findPageArticle.action?pageNum=${ article.totalPage}">尾页</a>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共&nbsp;&nbsp;${article.totalPage}&nbsp;&nbsp;页
      </div>

这部分是controller层代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
//查询当页的数据
    @RequestMapping("/findPageArticle")
    public String findPageArticle(PageBean pb,Model model,Article article,HttpServletRequest request)throws Exception{
         
        /*查找热门文章*/
        //设置初始序号
        int orderNum=0;
        article.setOrderNum(orderNum);
        //查找前十的文章
        List<Article> hotArticle=articleService.findHotArticle(article);
         
         
        /*分页*/
        //初始页码
        int pageNum=1;
        //计算,当传回来的有值时
        String pageNum_1=request.getParameter("pageNum");
        if(pageNum_1!=null){
            pageNum=Integer.parseInt(pageNum_1);
        }
        //每页条数
        int currentPage=10;
        //计算后的开始条数
        int startPage=(pageNum-1)*currentPage;
        //计算总条数
        int totalCount=articleService.findCount(article);
        //计算总页数
        int totalPage;
        if(totalCount%currentPage>0){
             
        totalPage=(totalCount/currentPage)+1;
         
        }else{
            totalPage=totalCount/currentPage;
        }
         
        article.setStartPage(startPage);
        article.setTotalCount(totalCount);
        article.setTotalPage(totalPage);
        article.setPageNum(pageNum);
        article.setCurrentPage(currentPage);
        //查找文章
        List<Article> pageArticleList=articleService.findPageArticle(article);
        //将文章数据放进去
        model.addAttribute("pageArticleList", pageArticleList);
        //将分页信息放进去
        model.addAttribute("article", article);
        //热门文章
        model.addAttribute("hotArticle",hotArticle);
         
        return "forward:/jsp/luntan.jsp";


最近看了好多网站的分页模式,一般都是这样实现的,虽然麻烦但是很好用,不明白的欢迎在下面评论

1人已赞


本文由Fun言网 – 小东Freeman创作,转载请务必附上本文链接和出处,欢迎参与我们的付费投稿计划


你还没有登录,请先 登录注册!
文章评论0