美文网首页
简单分页实现

简单分页实现

作者: Yluozi | 来源:发表于2021-05-14 10:55 被阅读0次

传值:

pages(总页数)和currentpage(当前页)

分页代码:(freemarke)

引用处:

                     <div style=" text-align: center;">
                        <#include "../layout/_pagelist.html">
                     </div>

控制层:

              //  分页实现
             //   查总条数
              int size = this.productService.countBaseinfo();
              int currentpage = currentPage !=null?currentPage:1;
              int pagesize = pageSize !=null?pageSize:10;
              int pages = (int) Math.ceil((float)size/pagesize);
              //  分页查询
              Page<ProductBaseInfo> productBaseinfos =  productService.selectBaseinfo(currentpage,pagesize);
              mv.addObject("currentpage", currentpage);
              mv.addObject("pages", pages);

service层 new PageRequest()方法

Page<ProductBaseInfo> list = productBaseinfoRepository.findAll(new PageRequest(currentPage-1, pageSize));

组件文件:

<!--分页组件-->
<ul class="pagination">
    <#if currentpage==1>
    <#else>

        <li><a href="/Kweb/admin/getBaseinfo?currentPage=${currentpage-1}">&laquo;</a></li>
    </#if>
    <!-- 总页数小于5循环遍历 -->
    <#if  pages! lt 6>

        <#list 1..pages as i>
            <#if i==currentpage>
                <li class="active"><a href="//Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
            <#else>
                <li class=""><a href="/Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
            </#if>
        </#list>

    </#if>

    <!-- 总页数大于5 -->
    <#if pages! gt 5>

        <#if currentpage+4 lt pages>
            <#list currentpage.. currentpage+4 as i>

                <#if i==currentpage>
                    <li class="active"><a href="/Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
                <#else>
                    <li class=""><a href="/Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
                </#if>
            </#list>

        <#else>

            <#list pages-4..pages as i>

                <#if i==currentpage>
                    <li class="active"><a href="/Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
                <#else>
                    <li class=""><a href="/Kweb/admin/getBaseinfo?currentPage=${i}">${i}</a></li>
                </#if>
            </#list>
        </#if>

    </#if>

    <#if pages==currentpage>

    <#else>
        <li>
            <a href="/Kweb/admin/getBaseinfo?currentPage=${currentpage+1}">&raquo;</a>
        </li>
    </#if>

</ul>


效果:

image.png

相关文章

  • 简单分页实现

    传值: pages(总页数)和currentpage(当前页) 分页代码:(freemarke) 引用处: 控制层...

  • Elasticsearch from+size 分页

    from+size 实现分页 "浅"分页可以理解为简单意义上的分页。它的原理很简单,就是查询前20条数据,然后截断...

  • PHP与mysql的分页功能

    今天想实现博客内容的分页,想通过源代码来实现简单的分页,在网上搜索了相关原理,了解到一些内容,大致如下: 1.分页...

  • RecyclerView的刷新分页

    在开发中常常使用到刷新分页,这里实现一个 RecyclerView 的简单的刷新分页操作,测试效果见文末,实现过程...

  • Pagehelper分页插件的使用

    概述: Pagehelper:是中国的开源的mybatis分页插件,通过该插件可以非常简单的实现分页功能; ...

  • SSM框架——实现分页和搜索分页

    分页是Java Web项目常用的功能,昨天在Spring MVC中实现了简单的分页操作和搜索分页,在此记录一下。使...

  • 分页组件的简单实现(初稿)

    分页功能是后台管理系统中很常见的一个功能,今天我们就来看下如何实现一个简单的分页组件。 初步实现 首先从最简单的情...

  • 基于angularjs的分页实现

    基于angularjs的分页实现 抱着学习angularjs的想法,写了一个简单的分页指令,重在用angularj...

  • 数据库:SQL高级查询,分页查询

    分页查询: 一般的分页查询使用简单的 limit 子句就可以实现。 LIMIT 子句可以被用于指定 SELECT ...

  • Oracle、MySql、SQLServer 数据库分页查询语句

    (一)、**** mysql的分页查询 mysql的分页查询是最简单的,借助关键字limit即可实现查询,查询语句...

网友评论

      本文标题:简单分页实现

      本文链接:https://www.haomeiwen.com/subject/rofqjltx.html