JAVA实现分页（前台页面+后台代码）

最新推荐文章于 2024-01-11 15:53:54 发布
最新推荐文章于 2024-01-11 15:53:54 发布
阅读量7.7k 收藏 6
点赞数
分类专栏： 个人 文章标签： java 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dKnightL/article/details/62443447
版权

JAVA分页

前台JSP页面

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>      
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>数据交易猫</title> 
    <script type="text/javascript">   

    //1分页下，动态添加disable给分页按钮
    /*
    $(function(){
        var myPageId="#"+$("#hidCurrentPage").val();
        var myPageAId="#"+$("#hidCurrentPage").val()+" a";
        $(myPageAId).addClass('main-bgcolor');
        $(myPageAId).attr('href','javascript:void(0)')
        $(myPageId).addClass('disabled');
        $(myPageId).addClass('disabledControl');

    })
    */
    //
    $(function(){

    })
    //根据页数查询数据列表
    function queryRequirListByPage(i) {
        var pageNo=i;
        var sortValue=$('#hidSortValue').val();
        $.ajax({
            url:'${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action',
            type:'POST',
            data:{
                sortValue:sortValue,
                pageNo:pageNo
            },
            success:function(datas){ 
                $('#requireContentDiv').html(datas);                                       
            },
            error:function(){
                alert("失败");
            },
            });
    }

    //根据下拉查询数据列表
    function selectPage(obj){
        var pageNo=obj.options[obj.selectedIndex].value;
        var sortValue=$('#hidSortValue').val();
        $.ajax({
            url:'${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action',
            type:'POST',
            data:{
                sortValue:sortValue,
                pageNo:pageNo
            },
            success:function(datas){ 
                $('#requireContentDiv').html(datas);                                       
            },
            error:function(){
                alert("失败");
            },
            });
        }
    //根据下拉选择排序方式
    function selectSort(obj){
        var sortValue = obj.options[obj.selectedIndex].value;
        var pageNo =1;
        $.ajax({
            url:'${pageContext.request.contextPath}/bid/reAction_queryRequirListByPage.action',
            type:'POST',
            data:{sortValue:sortValue,
                  pageNo:pageNo
                },
            success:function(datas){ 
                $('#requireContentDiv').html(datas);


            },
            error:function(){
                alert("失败");
            },
            });
        }

        $(document).ready(function(){
            var backSortValue=$('#backSortValue').val();
            console.log("backSortValue"+backSortValue)
            $("#category option").each(function(){
                var thisId='#'+this.id;
                var thisValue=this.value;
                if(backSortValue==thisValue){
                    $(thisId).attr('selected','selected');
                }
            });
        })
    </script>   
</head>
<body>

                <!-- 内容-->
                <div  class="well">
                <!-- 标题-->
                    <div class="box"><h3><span class="glyphicon glyphicon-list" ></span>需求列表</h3></div>
                <!-- 筛选条件-->    
                    <div class="box">
                        <div class="row">
                            <div class="col-xs-12">                             
                                  <span>筛选：按</span>
                                    <select id="category" name="category" onchange="selectSort(this)">
                                        <option id="categoryTime" value="publishDatetime">最新</option>
                                        <option id="categoryPrice"  value="price">价格降序</option>
                                        <input id="backSortValue" type="hidden" value="${sortValue}">
                                    </select>
                                    <hr class="mrgZero mrgTopSma"/>
                            </div>
                        </div>
                    </div>                  
                <!-- 内容-->
                        <input type="hidden" name="hidCurrentPage2" id="hidCurrentPage" value="${currentPage}">
                        <input type="hidden" id="hidAllPage" value="${allPage}">
                        <input type="hidden" id="hidSortValue" value="${sortValue}">
                        <s:iterator value="#requiList">

                        <div class="data-down-box">
                            <div class="row">
                                <div class="col-xs-12">
                                    <h4 class="ellipsis"><a href="${pageContext.request.contextPath}/bid/bidAction_queryById?id=${id}" onclick="reward()">${title}</a></h4>
                                </div>                                                                                                  
                            </div>
                            <div class="row mrgTopSma">
                                <div class="col-xs-12 ">                        
                                    <p class="data-provider padLeftBig sec-color ellipsis">悬赏积分：<span>${price}</span></p>
                                    <p class="data-intro padLeftBig ellipsis sec-color">需求描述：<span>${requirementDescription}</span></p>
                                </div>              
                            </div>
                            <hr/>       
                        </div>

                        </s:iterator>
                    <!-- 分页 -->
                    <div id="rePagerDiv" class="rePagerDiv box">
                        <nav>
                          <ul class="pager">

                              <!-- 判断当前页是否位1，如果不为1则显示上一页， -->   
                              <s:if test="1 == #currentPage">     
                              </s:if>
                              <s:else>
                                <li>        
                                  <a href="javascript:void(0)" aria-label="Previous" onclick="queryRequirListByPage(${currentPage-1})">
                                    <span aria-hidden="true">&laquo;</span>
                                  </a>
                                </li>     
                              </s:else>

                            <!-- 首页 -->                              
                            <li><a href="javascript:void(0)" onclick="queryRequirListByPage(1)">首页</a></li>

                            <li>
                                <span><span class="main-color">${currentPage}</span>/&nbsp;${allPage}页</span>                              
                            </li>

                            <!-- 尾页 -->                              
                            <li><a href="javascript:void(0)" onclick="queryRequirListByPage(${allPage})">尾页</a></li>

                            <!-- 判断当前页和总页数，小于则显示下一页， -->    
                            <s:if test="#currentPage < #allPage">
                                <li>
                                  <a href="javascript:void(0)" aria-label="Next" onclick="queryRequirListByPage(${currentPage+1})">
                                    <span aria-hidden="true">&raquo;</span>
                                  </a>
                                </li>
                            </s:if>
                            <li>
                               <span class="skipPageSpan">跳转到第&nbsp;
                                <select onchange="selectPage(this)">
                                    <s:iterator var="lst" begin="1" end="#allPage"  step="1">                                       
                                        <s:if test="%{#lst == #currentPage}">
                                            <option selected="selected" value="<s:property/>" ><s:property/></option>     
                                          </s:if>
                                          <s:else>
                                                <option value="<s:property/>" ><s:property/></option>
                                          </s:else>
                                    </s:iterator>                                                                             
                                </select>
                               &nbsp;页
                               </span>
                             </li>

                          </ul>
                        </nav>

                    </div>                      


                 </div>                     






    <hr/> 

</body>
</html>

action

    //查询需求列表
    public String queryRequirListByPage(){
        int pageSize=5;//每页记录
        String hql="select r from Requirement r where r.reStatus !=2  ";
        if(sortValue == null || sortValue.length() <= 0){
            hql=hql+"order by r.publishDatetime desc";
            ActionContext.getContext().put("sortValue", "publishDatetime"); //当前页码条件
            session.put("sessionReqSortValue","publishDatetime");
        }else{
        hql=hql+"order by r."+sortValue+" desc";
            ActionContext.getContext().put("sortValue", sortValue); //当前页码条件
            session.put("sessionReqSortValue",sortValue);
        }
        long icount=requirementService.countAllRe();//总记录数
        long allPage;//总页数
        //判断是否能整除，能则直接，不能则+1；
        if((icount%pageSize)==0){
            allPage=icount/pageSize;
        }
        else{
            allPage=(icount/pageSize)+1;
        }
        System.out.println("总记录："+icount+"；总页数："+allPage+"；当前页码："+pageNo);
        List<Requirement> requiList=requirementService.queryByPage(hql, pageNo, pageSize);
        ActionContext.getContext().put("requiList", requiList);//需求列表
        ActionContext.getContext().put("icount", icount);//总记录数
        ActionContext.getContext().put("allPage", allPage);//总页数
        ActionContext.getContext().put("currentPage", pageNo);  //当前页码
        session.put("sessionCurrentPage", pageNo);
        return "requireContent";

    }

service

        public long countAllRe() {
        return requirementDao.countAllRe();
    }
        public List<T> queryByPage(String hql, int pageNo, int pageSize) {
        return requirementDao.queryByPage(hql, pageNo, pageSize);
    }

dao

    //这里可能会报错，就是直接查询数据列表（使用了SSH）
    public long countAll() {
        List<?> l = getSession().createQuery("select count(*) from "
                + clazz.getSimpleName()).list();
        if (l != null && l.size() == 1 )
        {
            return (Long)l.get(0);
        }
        return 0;
    }
    public List<T> queryByPage(String hql, int pageNo, int pageSize) {
        return getSession()
                .createQuery(hql)
                .setFirstResult((pageNo - 1) * pageSize)
                .setMaxResults(pageSize)
                .list();
    }
Qssn丶
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java实现分页的前台页面和后台代码
08-31
主要为大家详细介绍了Java实现分页的前台页面和后台代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
java通用分页（后端）
liaozhixiangjava的博客
06-28 5970
除了以上的功能，JUnit 4还支持测试套件（@RunWith(Suite.class)）、超时设置（@Test(timeout = xxx)）、测试规则（@Rule）等高级特性，可以进行更灵活、高效的单元测试。
java代码实现分页_Java分页实现(示例代码)
weixin_28876083的博客
02-16 3282
首先我们要清楚java分页的思路第一我们要明白前端页面需要向java后台传递当前页码数以及每页显示多少条数据第二java后台代码需要向前端页面传递每页显示的数据,以及总条数以及总页数代码如下:首先我们要创建一个分页类用来存储数据public class PageObject implements Serializable {private static final long serialVersi...
Java 原生代码实现分页
swadian2008的博客
03-08 1502
分页的重点在于计算数据截取的起始位置和结束位置，不过通过Java 代码实现的分页，只是代码层次的分页，一般情况下分页都会通过数据库去实现，减少一次性查找的数据量。最后，在开发中使用的一般是封装好的分页工具，下边是 PageHelper 工具，具体使用请参考以下官方文档。至此，有关分页的介绍到此结束，后续如果有需要再进行补充。
手把手带你写代码，完美实现Java分页功能
finally_vince的博客
09-30 3783
不过在面试的时候，面试官有时会问我们分页的实现过程与原理，这就有点让人防不胜防了。所以为了防止大家在面试时手足无措，索尔就用最原始的技术来带各位实现一下分页效果，希望能够让大家弄清楚分页的底层原理！因为项目中用到了JSP标签，所以我们需要在tomcat安装文件夹中的lib子文件夹下放好jstl-1.2.jar与standard.jar文件，如果有的话就不用管它了。本项目虽小，但也是遵循三层架构的。对啦，不要忘了在项目中导入tomcat、JRE、mysql的依赖库文件，我这里用的是Eclipse工具。
java如何实现分页
weixin_35752233的博客
02-15 1423
在Java中实现分页通常有两个步骤： 查询总记录数：在数据库中查询满足条件的记录的总数，一般使用SELECT COUNT(*)语句实现。 查询指定页的数据：根据分页的规则计算出当前页的起始记录位置和结束位置，然后使用SELECT * FROM table_name LIMIT start, offset语句查询指定页的数据。 下面是一个示例代码，实现从数据库中查询指定页的数据： int p...
Java项目:前台展示+后台管理结合的在线购书系统(java+Springboot+ssm+mysql+maven)
03-15
功能：一个基于JavaWeb的网上书店的设计与实现，归纳 出了几个模块，首先是登录注册模块，图书查找模块，购物车模块，订单模块，个人中心模块，用户管理模块，图 书管理模块等。 该项目是javaJeb技术的实战操作，...
java+servelt+mysql实现简单分页
10-27
网上的分页代码有很多，但是发现许多实例都把数据放到前台处理，后来参考了大神的意见，决定使用后台sql分页代替前台处理。 主要的思路是分为前台和后台，前台主要用html+js+jquery实现，后台采用了jdbc+servelt+...
【Java 干货教程】Java实现分页的几种方式详解
最新发布
向上的"狼"的博客
01-11 4174
无论是自我学习中，还是在工作中，固然会遇到与前端搭配实现分页的功能，发现有几种方式，特此记录一下。
Java实现分页功能常见的几种方法
ChaoticNg的博客
03-04 1万+
目录 一、limit关键字 二、hibernate分页 三、截取List查询结果分页(简单粗暴) 四、mybatis框架pageHelper插件分页 五、springData分页 一、limit关键字 service层 @Service @Transactional public class ImplStudentService implements StudentService { @Resource private StudentDao studentDao...
Java通用分页
2201_75455485的博客
06-27 1585
通用分页是一种在Java Web开发中广泛使用的技术，它用于处理大量数据并将它们分成多个页面进行显示。通用分页通常包括一个分页组件和分页查询方法，该方法使用分页参数查询并返回指定页面和指定数量的数据结果。通常可以设置每页显示的数据数量，当前页面的页码以及总共的数据数量等。通用分页的主要目的是为了更方便地浏览并处理大量数据。使用通用分页可以减轻服务器负担，提高数据处理效率和页面加载速度，同时也能使数据更加直观和易于管理。在开发中，通用分页通常会配合前端框架一起使用，以实现更好的用户体验。
java中实现分页的常见几种方式
搏·梦的博客
12-18 1万+
无论是自我学习中，还是在工作中，固然会遇到与前端搭配实现分页的功能，发现有几种方式，特此记录一下。
Java项目开发中实现分页的三种方式一篇包会
xiangyangsanren的专栏
02-05 5870
Java项目开发中经常要用到分页功能，现在普遍使用SpringBoot进行快速开发，而数据层主要整合SpringDataJPA和MyBatis两种框架，这两种框架都提供了相应的分页工具，使用方式也很简单，可本人在工作中除此以外还用到第三种更方便灵活的分页方式，在这里一同分享给大家。
java分页代码
weixin_35756892的博客
01-05 171
你可以使用 Java 中的 limit 和 offset 来实现分页。 下面是一个示例： int pageSize = 10; int pageNumber = 2; String sql = "SELECT * FROM table LIMIT ? OFFSET ?"; PreparedStatement statement = connection.prepareStatement(sql)...
Java Web(十一) 分页功能的实现
weixin_33827590的博客
02-27 1012
　　　　　　虽然现在有很多好用的框架，对分页进行支持，很简单的就把分页的效果做出来，但是如果自己手写是一个怎样的流程的？今天就来说说它，手动实现分页效果。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　--WH   一、分页的思路 　　　　首先我们得知道写分页代码时的思路，保持思路清晰，有步骤的进行，才能行云如水。先来看看分页的效果 　　　　　　　　　　　　　　　　　　　　　　　　 　　...
Java实现分页的几种方式
热门推荐
weixin_40052304的博客
07-05 2万+
一、ORACLE关键字rownum 直接将分页参数（页数和每页数据条数）通过参数拼到sql中查询 --page：分页参数，页数 --length：分页参数，每页数据条数 select * from (select distinct * from (select b.*, rownum RN from rbac_uesr b) p where P.RN <= (#{page} * #{length}) order b
java代码实现查询分页
wangshao5122的博客
11-08 7947
注：效率上不如SQL分页查询，建议在 查询出的数据条数较少时使用，因其原理是查询出所有所需数据后再根据分页需求进行代码分页。 方法根据分页框架为例，需输入参数（当前页码，每页行数），返回 ：分页数据、 总行数、当前页、总页数。 1、分页实体类 import java.util.List; public class Page<T> { private List<T> pa...
java的后台分页代码实现
weixin_42243889的博客
04-02 965
int size = Integer.parseInt(String.valueOf(paramMap.get(“rows”)));//每页显示条数 int page = Integer.parseInt(String.valueOf(paramMap.get(“page”)));//当前页 int count = retList.size();//分页总条数 //根据页码取数据 int pageTotals = (count/size) + ((count%size > 0) ? 1 : 0);//
用Java实现分页
weixin_44548473的博客
12-14 1330
查询完全表之后，接下来要做的是查询总条数，和当前是第几页、总共有几页，包括数据(通过Java思想将封装为类，然后调用。pageBean.java类可以当做通用的分页的类) Service作用是封装一类服务，比如说注册或者说登录，它是一类服务，Servlet里尽量不要写一些不必要的代码，而是通过调用Service完成一系列的服务，分页的过程就可以写在service中 分页 要做一个分页，下面是分页的实现方法，对于MySQL来说，每个数据库写法都不太一样，MySQ...
分页功能实现前端vue+java后端代码
05-31
前端 Vue.js 代码： ``` <template> <div> <table> <thead> <tr> <th>ID</th> <th>Name</th> <th>Price</th> </tr> </thead> <tbody> <tr v-for="product in products" :key="product.id"> <td>{{ product.id }}</td> <td>{{ product.name }}</td> <td>{{ product.price }}</td> </tr> </tbody> </table> <el-pagination v-if="total > 0" :page-size="pageSize" :total="total" :current-page="currentPage" @current-change="handlePageChange" /> </div> </template> <script> import axios from 'axios' export default { data() { return { products: [], currentPage: 1, pageSize: 10, total: 0 } }, mounted() { this.getProducts() }, methods: { getProducts() { axios.get('/api/products', { params: { page: this.currentPage, pageSize: this.pageSize } }).then(res => { this.products = res.data.list this.total = res.data.total }) }, handlePageChange(page) { this.currentPage = page this.getProducts() } } } </script> ``` 后端 Java Spring Boot 代码： ``` @RestController @RequestMapping("/api") public class ProductController { @Autowired private ProductService productService; @GetMapping("/products") public PageResult<Product> getProducts(@RequestParam Integer page, @RequestParam Integer pageSize) { return productService.getProducts(page, pageSize); } } ``` ``` @Service public class ProductServiceImpl implements ProductService { @Autowired private ProductRepository productRepository; @Override public PageResult<Product> getProducts(Integer page, Integer pageSize) { Sort sort = Sort.by(Sort.Direction.DESC, "id"); Pageable pageable = PageRequest.of(page - 1, pageSize, sort); Page<Product> productPage = productRepository.findAll(pageable); List<Product> productList = productPage.getContent(); long total = productPage.getTotalElements(); return new PageResult<>(productList, total); } } ``` ``` public interface ProductService { PageResult<Product> getProducts(Integer page, Integer pageSize); } ``` ``` public interface ProductRepository extends JpaRepository<Product, Long> { } ``` 以上是一个简单的Vue.js + Java Spring Boot实现分页功能的示例，具体实现还需要根据业务需求进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值