分页的代码设计与实现，通过项目的id查询出结果集，进行分页处理

最新推荐文章于 2022-02-13 00:32:01 发布
置顶 最新推荐文章于 2022-02-13 00:32:01 发布
阅读量963 收藏 1
点赞数
分类专栏： java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39292073/article/details/82777219
版权

通过项目的id进行查询结果集，进行分页。基于ssm的分页设计与实现。

第一步，自定义一个项目分页类。

public class Page<T> {
    private int firstIndex;
    private int pageSize=20;
    private int pageCount=1;
    private int totalPageCount;
    private int totalDataCount;
    private List<T> list;
    public int getFirstIndex() {
        return (this.getPageCount()-1)*this.getPageSize();
    }

    public int getPageSize() {
        return pageSize;
    }
    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }
    public int getPageCount() {
        return pageCount;
    }
    public void setPageCount(int pageCount) {
        this.pageCount = pageCount;
    }
    public int getTotalPageCount() {
        return (this.getTotalDataCount()-1)/this.getPageSize()+1;
    }

    public int getTotalDataCount() {
        return totalDataCount;
    }
    public void setTotalDataCount(int totalDataCount) {
        this.totalDataCount = totalDataCount;
    }
    public List<T> getList() {
        return list;
    }
    public void setList(List<T> list) {
        this.list = list;
    }       

}
第二步，对mapper文件进行写sql语句

    <select id="findPrjQuoteInfoByPrjId" resultMap="prjQuoteInfoResult">
    SELECT
    base.ID ID,
    base.NAM NAM,
    prj_customer.ENT_NAME ENT_NAME,
    saleUser.NAM SALE_PERSON,
    prj_quote_detail.BOM_NUM BOM_NUM,
    prj_quote_detail.COUNTS COUNTS,
    prj_quote_detail.NAM QUOTE_NAME,
    sys_dic.DES_ UNIT,
    prj_quote_detail.MODEL MODEL,
    prj_quote_detail.QUOTE_CATEGORY QUOTE_CATEGORY,
    prj_quote_detail.BRAND BRAND
    FROM prj_base base
    JOIN prj_customer ON prj_customer.ID=base.ID
    JOIN sys_user saleUser ON saleUser.ID=base.SALE_PERSON
    JOIN prj_quote_detail ON prj_quote_detail.PRJ_ID=base.id
    JOIN sys_dic ON prj_quote_detail.UNIT=sys_dic.ID
    WHERE base.ID=#{prjId}
    LIMIT #{firstIndex},#{pageSize}
    </select>

第三步、dao层代码实现

public interface PrjQuoteDetailMapper {
    
    public List<PrjQuoteDetail> findAll(@Param("pager") Pager pager, @Param("quoteCategory") Long quoteCategory, @Param("prjId") Long prjId);
    
    public void deleteByIds(@Param("ids") Long[] ids);
    
    public List<PrjQuoteDetail> findPrjQuoteDetailByPrjId(@Param("prjId") Long prjId);
    /**

分页查找

**/
  public List<PrjQuoteInfo> findPrjQuoteInfoByPrjId(Page<PrjQuoteInfo> page,@Param("prjId") Long prjId,@Param("firstIndex") int firstIndex,@Param("pageSize")int pageSize);
    
    public int queryCountById(@Param("prjId") Long prjId);
    /**
     * 通过项目的id查找出项目报价单的全部数据
     * @param prjId
     * @return
     */
    public List<PrjQuoteInfo> findPrjQuoteInfoById(@Param("prjId") Long prjId);
    
}

第四步、service层

public interface PrjQuoteDetailService extends BaseService<Long, PrjQuoteDetail>{

    public void updatePrjQuoteDetail(PrjQuoteDetail prjQuoteDetail)throws XpmBusinessException;
    
    public void savePrjQuoteDetail(PrjQuoteDetail prjQuoteDetail)throws XpmBusinessException;
    
    public List<PrjQuoteDetail> findAll(Pager pager, Long quoteCategory, Long prjId) throws XpmBusinessException;
    
    public void deleteByIds(Long[] ids) throws XpmBusinessException;
    
    public List<PrjQuoteDetail> findPrjQuoteDetailByPrjId(Long prjId)throws XpmBusinessException;
    
    public Page<PrjQuoteInfo> findPrjQuoteInfoByPrjId(Page<PrjQuoteInfo> page,Long prjId)throws XpmBusinessException;
    
    public List<PrjQuoteInfo> findPrjQuoteInfoById(Long prjId)throws XpmBusinessException;
}

service实现类

    @Override
    public Page<PrjQuoteInfo> findPrjQuoteInfoByPrjId(Page<PrjQuoteInfo> page, Long prjId) throws XpmBusinessException {
        
        List<PrjQuoteInfo> list = prjQuoteDetailMapper.findPrjQuoteInfoByPrjId(page, prjId, page.getFirstIndex(), page.getPageSize());
        int queryCountById = prjQuoteDetailMapper.queryCountById(prjId);
        page.setTotalDataCount(queryCountById);
        page.setList(list);
        return page;
    }

第五步、controller层

@RequestMapping("gotoPage/{id}")
    public String gotoPage(@PathVariable Long id,HttpServletRequest request,Page<PrjQuoteInfo> page){
        page = prjQuoteDetailService.findPrjQuoteInfoByPrjId(page, id);
        PrjQuoteAttach prjQuoteAttach =prjQuoteAttachService.findPrjQuoteAttachByPrjId(id);
        List<PrjQuoteInfo> PrjQuoteInfoList = prjQuoteDetailService.findPrjQuoteInfoById(id);
        List<PrjQuoteInfo> pageList = page.getList();
        request.setAttribute("pageList", pageList);
        request.setAttribute("PrjQuoteInfoList", PrjQuoteInfoList);
        request.setAttribute("page", page);
        request.setAttribute("prjQuoteAttach",prjQuoteAttach);
        return PAGES;
    }
    @RequestMapping("gotoList")
    @ResponseBody//通过ajax请求返回数据
    public List<PrjQuoteInfo> gotoList(Long id,HttpServletRequest request,int pageCount,Page<PrjQuoteInfo> page){
        page.setPageCount(pageCount);
        page = prjQuoteDetailService.findPrjQuoteInfoByPrjId(page, id);
        List<PrjQuoteInfo> pageList = page.getList();
        return pageList;
    }

第六步、web层jsp页面

<!-- 下面是对页码的处理-->
    <div align="center">

        第<span id="pageCount">${page.pageCount}</span>/${page.totalPageCount}页&nbsp;&nbsp;
        <c:if test="${fn:length(PrjQuoteInfoList)>20}">
            <button οnclick="firstPage()">首页</button>&nbsp;&nbsp;
            <button οnclick="beforePage()">上一页</button>&nbsp;&nbsp;
            <button οnclick="nextPage()">下一页</button>&nbsp;&nbsp;
            <button οnclick="lastPage()">尾页</button>&nbsp;&nbsp;
            </c:if>
        <span>总记录数:${fn:length(PrjQuoteInfoList)}条</span>&nbsp;&nbsp;
    </div>
</div>

对应的js方法

var pageCount = ${page.pageCount};
    var id = ${pageList[0].id}
    var totalPageCount = ${page.totalPageCount};
    /**
    尾页
    **/
    function lastPage(){
        pageCount = ${page.totalPageCount};
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }

        });
        $("#pageCount").html(pageCount);
    }
    
    /**
    首页
    **/
    function firstPage(){
        pageCount=1;
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }
        });
        $("#pageCount").html(pageCount);
    }
    /**
    上一页
    **/
    function beforePage(){
        pageCount--;
        if(pageCount>1||pageCount==1){
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }
        });
        $("#pageCount").html(pageCount);
    }else if(pageCount<1){
        pageCount=1;
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }
        });
        $("#pageCount").html(pageCount);
    }
}
    function nextPage() {
        debugger
        pageCount++;
        if(pageCount>${page.totalPageCount}){
        pageCount=${page.totalPageCount};
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }
        });
    }else{
        $.ajax({
            type : "post",
            url : top.XPM.ctx + "/project/prjQuoteInfo/gotoList",
            data : {
                "pageCount" : pageCount,
                "id" : id
            },
            success : function(data) {
                $('#table3 tr:gt(4)').remove();
                creatTableTr(data,pageCount);
            }
        });
    }
        $("#pageCount").html(pageCount);
    }
    function creatTableTr(data,pageCount){
        debugger
        var j = 1;
        for (var i = 0; i < data.length; i++) {
            var bomNum = data[i].bomNum;
            if (bomNum != null) {
                bomNum = data[i].bomNum;
            } else {
                bomNum = '';
            }
            var quoteName = data[i].quoteName;
            var model = data[i].model;
            var unit = data[i].unit;
            var counts = data[i].counts;
            var brand = data[i].brand;
            var quoteCategory = data[i].quoteCategory;
            if (quoteCategory == 1) {
                quoteCategory = '公司硬件';
            } else if (quoteCategory == 2) {
                quoteCategory = '外购仪表';
            } else if (quoteCategory == 3) {
                quoteCategory = '外购电气';
            } else if (quoteCategory == 4) {
                quoteCategory = '其他外购件';
            }
            var a = pageCount-1;
            var z = a*20+j;
            $('#table3').append(
                    '<tr>' + '<td style="width: 100px">' +z+'</td>' + '<td style="width: 140px">' + bomNum
                            + '</td>' + '<td style="width: 220px">' + quoteName + '</td>'
                            + '<td style="width: 61px">' + model + '</td>' + '<td style="width: 31px">' + unit
                            + '</td>' + '<td style="width: 41px">' + counts + '</td>'
                            + '<td style="width: 61px">' + brand + '</td>' + '<td style="width: 71px">'
                            + quoteCategory + '</td>' + '</tr>');
        j++;
    }
        for(var dataValue=data.length;dataValue<20;dataValue++){
            $('#table3').append('<tr>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'<td>'+'</td>'+'</tr>');
        }
    }

传入一个pageCount，ajax把返回出的数据进行解析，从而得到自己想要的数据，遍历出来即可实现分页。

互联网技术云学堂
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
2019-08-06问题纪要： 通过id来进行分页查询
hq091117的博客
10-24 1451
今天遇到一个问题，就是定时去查询一张表数据然后进行逻辑处理更新同张表的字段，但是全量查肯定太大， 所以一开始想到limit50去查，用while循环，但是又想到如果这50条一直没处理更新，就会一直while循环这50条，进入死循环， 然后想着用分页去查，先查总数进行分页，但是又考虑到，如果第一页查到50条处理了，第二页从51-100就查不到数据，也不行。 可行方案： 第三种方案是先循环查询...
网站通过id简单分页
weixin_34178244的博客
05-16 474
为什么80%的码农都做不了架构师？>>> ...
mysql分页 和 mysql中利用编号id和每页条数来进行分页
Leodong的博客
04-21 4323
1.mysql分页【语句顺序】        select 选择的列        from 表        where 查询的条件        group by 分组属性 having 分组过滤的条件        order by 排序属性        limit 起始记录位置，取记录的条数   （这里不需要加括号）【其中】        select 选择的列        from ...
mysql根据id分页_MSSQL根据ID进行分页实现方法
weixin_39601511的博客
01-28 535
alter procedure [a0919194122].[dnt_getappinvitelist]@uid int,@pageindex int,@pagesize intasdeclare @startrow int,@endrow intset @startrow = (@pageindex - 1) * @pagesizeif @pageindex = 1beginexec('sele...
php 获取当前id 的分页,用get_query_var('page')获取当前分页
weixin_36480977的博客
03-13 672
在wordpress中有一个函数get_query_var()可以实现获取wordpress隐式传递值，与它相同的还用很多函数或类，请看 WP_Query (Class)中对这些类的规定。由于目前wordpress中文开发文档还没有统一的官方版本，因此，需要读者自己阅读英文开发文档。本文着重介绍get_query_var()函数。正如标题所说，我们可以使用get_query-var('page')...
纯JS前端实现分页代码
11-25
请求携带当前页码，后台使用如`LIMIT` SQL语句进行分页查询，然后返回相应的数据集。 - **数据处理**：前端收到响应后，解析数据并动态地更新页面内容。例如，将商品列表插入到特定容器`goodsListContainer`中。 3...
大数据量分页存储过程效率测试附测试代码与结果
12-15
本文主要讨论了五种不同的存储过程实现分页的方法，并进行了效率测试，以供SQL Server 2005环境下使用。以下是这五种方法的详细解析及分析： 1. **利用`SELECT TOP`和`SELECT NOT IN`进行分页**： 这种方法通过先...
kkpager 实现ajax分页查询功能
10-19
总的来说，kkpager的实现原理是利用前端的Ajax技术与后端进行通信，获取分页数据，然后动态更新页面内容。前端负责显示分页导航并处理用户点击事件，后端则负责计算分页信息并提供数据。这样的设计使得页面无需刷新...
css实现的漂亮的分页效果代码(橘黄色与蓝色)
09-25
在网页设计中，分页效果是常见的用户界面元素，用于帮助用户浏览大量内容时分批次查看，例如在文章列表、商品...通过理解和调整这段代码，你可以轻松地将其融入到自己的网页项目中，以提升网站的视觉吸引力和易用性。
js表格分页实现代码
12-09
【JavaScript表格分页实现】 在Web开发中，表格分页是一种常见的功能，它允许用户以更易管理的方式查看...这个示例提供了一个基本的JavaScript表格分页实现框架，你可以在此基础上进行扩展和优化，以满足项目的需求。
Springboot将数据库中数据显示在前端，并分页操作查询全部，根据id查询。
weixin_43369198的博客
04-07 1万+
楼主本身就是个小白，自己也是墨迹了好久才做出来。具体需求就是使用Springboot（其实ssm框架都一样，只不过连接数据库有一些不同），我下面也不介绍连接数据库了，百度很多方法。我主要将数据库中数据显示在前端，并分页操作查询全部，根据id查询。 经历：1.一开始使用springboot+thymeleaf+PageHapler来做，虽说博客上有很多例子，但是踩坑无数。印象中有thymeleaf依...
【前端代码】数据查询和展示，使用到了分页查询和一些自定义接口
weixin_52226593的博客
02-13 799
前端页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/axios-0.18.0.js"></script> <script src="js/vue.js"></script> <scri
分库分表后全局ID和分页查询的考虑
zhangxiaomin1992的专栏
07-06 492
分库分表带来的问题 　　1.分库分表之后一个必然的问题，如何获取一个全局为一个ID？因为表中的数据是通过ID路由映射的，ID不能重复。 　　2.就算有了全局唯一的ID，那面对分页查询的需求，应该怎么处理呢？ 　　唯一ID的生成 　　下面列举几种常见的唯一ID生成方案，需要满足两大核心需求：1.全局唯一 2趋势有序 　　1.用数据库的auto_increment（自增ID）来生成，每次通过写入数据库一条记录，利用数据库ID自增的特性获取唯一，有序的ID。 　　　　优点：使用数据...
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
基于mysql的分页程序完全解决方案(含普通分页/分段分页/原始分页/微博的since_id类分页)...
数据库天地
07-18 596
Author: selfimpr Blog: http://blog.csdn.net/lgg201 Mail: lgg860911@yahoo.com.cn Copyright: 转载请注明出处 0. 下载: 本程序可自由修改, 自由分发, 可在http://download.csdn.net/user/lgg201下载 1. 分页的需求信息的操纵和检索是当下互联网和企业信息系统...
实习日记4：实现查询功能和翻页功能
qq_45070054的博客
07-23 202
日记目录需求分析创建所需类成果展示总结 需求分析 在上一次的项目实现中，我们已经实现了用户的增改删，但是还没有实现查询功能，而且在用户表单中，我们使用了一整页来显示所有用户信息。这显示是不合理的，所以今天来进行版本迭代和改进。 创建所需类 在bean包下创建pageInfo类，来存储每一页显示所需要的信息。 package com.whut.bean; import java.util.List; public class PageInfo<T> { private List<
MSSQL根据ID进行分页
jhl52771的专栏
11-18 766
ALTER PROCEDURE [a0919194122].[dnt_getappinvitelist] @uid int, @pageindex int, @pagesize int AS DECLARE @startRow int, @endRow int SET @startRow = (@pageIndex - 1) * @pagesize IF @pageindex =
分页实现后端逻辑
situjiang的博客
05-04 6259
由于项目需要，写了个提供给h5，还有客户端的分页接口。而公司使用的框架 laravel 自带的框架paginate套用不方便，因为paginate的分页是原理是在对数据库进行query的时候分页，相当于在sql语句里面多加了几个动态的 limit参数；而我的需求则是根据页码的不同动态的拿出一些商品ids,然后根据这些商品 ids 去获取当前这一页所有的商品列表信息； 本文这里仅介绍根据不同页码去
请在springboot项目中设计一个公用的有条件的PageHelper分页查询
最新发布
06-09
好的，我可以为您提供以下的代码示例来实现这个功能： 首先需要引入PageHelper依赖： ```xml <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter <version>1.3.0 ``` 接...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

互联网技术云学堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值