分页的实现一

最新推荐文章于 2024-07-15 10:20:34 发布
最新推荐文章于 2024-07-15 10:20:34 发布
阅读量198 收藏
点赞数
分类专栏： 本人原创前端 文章标签： 分页的实现一
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxdwrfan/article/details/79067489
版权


XML

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
<!-- 分页查询用户信息 -->
 
         
 
         
<select id="findUsersSplit" resultMap="splitInfo" parameterType="java.util.Map">
 
         
 
          
SELECT userid,loginname,loginpwd,realname,email,user_desc,user_status,deptno,roleid,picpath
 
         
 
         
FROM users
 
         
WHERE roleid&lt;&gt;1 limit #{start},#{ps}
 
         
</select>
 
         
<resultMap type="com.yztc.li.pojo.Users" id="splitInfo">
 
         
 
          
    <id property="userid" column="userid"/>
 
         
 
         
 
          
    <result property="loginname" column="loginname"/>
 
         
 
         
    <result property="loginpwd" column="loginpwd"/>
 
         
    <result property="realname" column="realname"/>
 
         
 
          
    <result property="email" column="email"/>
 
         
 
         
    <result property="userDesc" column="user_desc"/>
 
         
    <result property="userStatus" column="user_status"/>
 
         
    <result property="picpath" column="picpath"/>
 
         
 
          
    <association property="dept" column="deptno" 
 
         
 
         
        select="com.yztc.li.dao.IDeptDao.findDeptByDeptno"></association>
 
         
</resultMap>
 
         
<!-- 统计总行数，配合分页使用 -->
 
         
<select id="countUsers" resultType="java.lang.Integer">
 
         
 
          
    SELECT count(userid) FROM users
 
         
 
         
</select>

<!-- 根据主键chaxun findDeptByDeptno-->

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
<select id="findDeptByDeptno" parameterType="java.lang.Integer" resultType="com.yztc.li.pojo.Dept">
 
         
 
         
    SELECT deptno,dname,dept_desc as deptDesc,parentid FROM dept
 
         
 
          
    WHERE deptno=#{deptno}
 
         
 
         
 
          
</select><!-- 根据主键chaxun       findDeptByDeptno-->
 
         
 
         
    <select id="findDeptByDeptno" parameterType="java.lang.Integer" resultType="com.yztc.li.pojo.Dept">
 
         
 
          
        SELECT deptno,dname,dept_desc as deptDesc,parentid FROM dept
 
         
 
         
        WHERE deptno=#{deptno}
 
         
    </select>

接口

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
/**
 
         
 
         
* 分页查询
 
         
 * @param map
 
         
 * @return
 
         
 */
 
         
 
          
List<Users> findUsersSplit(Map<String, Object> map);
 
         
 
         
​
 
         
/**
 
         
 * 配合分页查询使用
 
         
 
          
 * @return
 
         
 
         
 */
 
         
int countUsers();

Serverce实现类

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
public List<Users> findUsersSplit(int cp,int ps) {
 
         
 
         
 
          
        HashMap<String , Object> map = new HashMap<String, Object>();
 
         
 
         
 
          
        map.put("start", (cp-1)*ps);
 
         
 
         
 
          
        map.put("ps", ps);
 
         
 
         
 
          
        List<Users> userlist = usersDao.findUsersSplit(map);
 
         
 
         
 
          
        return userlist;
 
         
 
         
    }
 
        
 
       
 
      

     
     

    
    

    
    

   
   

 
 

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
public int countUsers() {
 
         
 
         
 
          
        return usersDao.countUsers();
 
         
 
         
    }

controller

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
/**
 
         
 
         
     * 分页查询
 
         
 
          
     * @param cp 当前页码，如第2页
 
         
 
         
     * @param ps 每页最多显示的行数，如5行数据
 
         
     * @param model  用来保存数据，在页面上用EL表达式获取
 
         
     * @return
 
         
 
          
     */
 
         
 
         
    @RequestMapping(value="findUsersSplit")
 
         
 
          
    public String findUsersSplit(Integer cp,Integer ps,Model model){
 
         
 
         
 
          
        if (cp==null) {
 
         
 
         
 
          
            cp=1;
 
         
 
         
            ps=5;
 
         
        }
 
         
        List<Users> userlist = usersServiceImpl.findUsersSplit(cp, ps);
 
         
 
          
        int count = usersServiceImpl.countUsers();//总行数
 
         
 
         
 
          
        int allpage = (count-1)/ps+1;//总页码数
 
         
 
         
        model.addAttribute("cp", cp);
 
         
        model.addAttribute("ps", ps);
 
         
 
          
        model.addAttribute("userlist", userlist);
 
         
 
         
 
          
        model.addAttribute("count", count);
 
         
 
         
 
          
        model.addAttribute("allpage", allpage);
 
         
 
         
        return "page/frame/uc/user_list";
 
         
    }

JSP

user_list

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
<!-- 分页开始 -->
 
         
 
         
 
          
        <jsp:include page="/page/frame/split.jsp">
 
         
 
         
 
          
            <jsp:param value="uc/findUsersSplit" name="myurl"/>
 
         
 
         
        </jsp:include>
 
         
            <!-- 分页结束 -->

split.jsp

 
 
 

  
  
   
   

   
   

    
    

     
     

      
      
 
       
 
         
         
        
 
        
 
         
 
          
 
          
 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
 
         
 
         
<%@taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
 
         
 
          
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
 
         
 
         
 
          
<%
 
         
 
         
 
          
    String path = request.getContextPath();
 
         
 
         
    String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 
         
 
          
​
 
         
 
         
%>
 
         
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
         
<html>
 
         
 
          
<head>
 
         
 
         
<base href="<%=basepath %>" />
 
         
 
          
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
         
 
         
<title>Insert title here</title>
 
         
 
          
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
 
         
 
         
 
          
<script>
 
         
 
         
$(function(){
 
         
    //单击首页 <a href="javascript:void(0);" id="firstpage" class="right-font08">首页</a>
 
         
 
          
    $("#firstpage").click(function(){
 
         
 
         
        splitform.cp.value = 1;
 
         
        splitform.submit();
 
         
 
          
    });
 
         
 
         
    
 
         
 
          
    //上一页  <a href="javascript:void(0);" id="prepage" class="right-font08">上一页</a>
 
         
 
         
    $("#prepage").click(function(){
 
         
 
          
        var cp = parseInt(splitform.cp.value);
 
         
 
         
 
          
        if(cp>1){
 
         
 
         
 
          
            splitform.cp.value = cp-1;
 
         
 
         
 
          
            splitform.submit();
 
         
 
         
 
          
        }else{
 
         
 
         
 
          
            alert("没有了");
 
         
 
         
        }
 
         
    });
 
         
    
 
         
    //下一页   <a href="javascript:void(0);" id="nextpage" class="right-font08">下一页</a>
 
         
 
          
    $("#nextpage").click(function(){
 
         
 
         
        var allpage = parseInt(splitform.allpage.value);//总行数
 
         
        var cp = parseInt(splitform.cp.value);
 
         
 
          
        if(cp<allpage){
 
         
 
         
 
          
            splitform.cp.value = cp+1;
 
         
 
         
            splitform.submit();
 
         
        }else{
 
         
            alert("没有了");
 
         
        }
 
         
    });
 
         
    
 
         
 
          
    //尾页  <a href="javascript:void(0);" id="lastpage" class="right-font08">末页</a>
 
         
 
         
 
          
    $("#lastpage").click(function(){
 
         
 
         
 
          
        var allpage = parseInt(splitform.allpage.value);
 
         
 
         
        splitform.cp.value = allpage;
 
         
        splitform.submit();
 
         
 
          
    });
 
         
 
         
 
          
    
 
         
 
         
    
 
         
    //go提交   <input name="Submit23222" id="sbt" type="button" class="right-button06" value=" " />
 
         
 
          
    $("#sbt").click(function(){
 
         
 
         
        
 
         
 
          
        var allpage = parseInt(splitform.allpage.value);
 
         
 
         
 
          
        var mypage = splitform.mypage.value;
 
         
 
         
        
 
         
 
          
        var reg = /^\d+$/;
 
         
 
         
 
          
        if(reg.test(mypage) && parseInt(mypage)>0 && parseInt(mypage)<=allpage){
 
         
 
         
 
          
            splitform.cp.value = mypage;
 
         
 
         
 
          
            splitform.submit();
 
         
 
         
 
          
        }else{
 
         
 
         
          //<input name="mypage" id="mypage" type="text" class="right-textfield03" size="1" />
 
         
            $("#mypage").val("");
 
         
            alert("输入有误，请重新输入");
 
         
            $("#mypage").focus();//重新获得焦点
 
         
 
          
        }
 
         
 
         
    });
 
         
});
 
         
 
          
</script>
 
         
 
         
</head>
 
         
<body>
 
         
  <form name="splitform" id="splitform" action="${myurl }" method="post" >
 
         
         <input type="hidden" value="${cp }" name="cp" id="cp" />
 
         
         <input type="hidden" value="${ps }" name="ps" id="ps" />
 
         
 
          
         <input type="hidden" value="${count }" name="count" id="count" />
 
         
 
         
         <input type="hidden" value="${allpage }" name="allpage" id="allpage" />
 
         
         <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="right-font08">
 
         
 
          
            <tr>
 
         
 
         
                <td width="50%">
 
         
                    共 <span class="right-text09">${allpage }</span> 页 | 
 
         
                            第 <span class="right-text09">${cp }</span> 页
 
         
                </td>
 
         
 
          
                <td width="49%" align="right">
 
         
 
         
                    [<a href="javascript:void(0);" id="firstpage" class="right-font08">首页</a> | 
 
         
                    <a href="javascript:void(0);" id="prepage" class="right-font08">上一页</a> | 
 
         
 
          
                    <a href="javascript:void(0);" id="nextpage" class="right-font08">下一页</a> | 
 
         
 
         
                    <a href="javascript:void(0);" id="lastpage" class="right-font08">末页</a>] 转至：
 
         
               </td>
 
         
               <td width="1%">
 
         
                   <table width="20" border="0" cellspacing="0" cellpadding="0">
 
         
                    <tr>
 
         
                    <td width="1%">
 
         
                        <input name="mypage" id="mypage" type="text" class="right-textfield03" size="1" />
 
         
                    </td>
 
         
 
          
                   <td width="87%">
 
         
 
         
                      <input name="Submit23222" id="sbt" type="button" class="right-button06" value=" " />
 
         
 
          
                    </td>
 
         
 
         
                    </tr>
 
         
            </table>
 
         
                  </td>
 
         
                    </tr>
 
         
                </table>
 
         
       </form>
 
         
</body>
 
         
</html>
 
         
​


zxdwrfan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IDEA实现分页功能
JIAXY0705的博客
07-03 6310
IDEA实现分页功能 SSM框架的搭建可参考博客https://blog.csdn.net/JIAXY0705/article/details/94588513， https://blog.csdn.net/JIAXY0705/article/details/94290581。 实现分页功能的步骤 1.导jar包 配置pom.xml、applicationContext.xml、web.xml文件...
java代码实现分页_Java分页实现(示例代码)
weixin_28876083的博客
02-16 3334
首先我们要清楚java分页的思路第一我们要明白前端页面需要向java后台传递当前页码数以及每页显示多少条数据第二java后台代码需要向前端页面传递每页显示的数据,以及总条数以及总页数代码如下:首先我们要创建一个分页类用来存储数据public class PageObject implements Serializable {private static final long serialVersi...
jsp分页插件(内附源码)
12-19
一款非常通用的jsp分页插件，相信这款插件是所有程序员的最爱。不需要写任何的代码，只需要引用插件就可以了（内附有源码）。
MyBatis－如何实现分页
了解➔熟悉➔掌握➔精通
12-28 5695
分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请轻击http://www.captainbed.net 1、就是直接使用我们的SQL语句进行分页，也就是在Mapper里面加上分页的语句就好了。比如MySQL添加一个limit 2,4。这种方式弊端很大，比如我们不用MySQL了，所有的代码都要修改。 2、使用成熟的框架MyBaits-Plus，它是一个MyBatis的增强工具，在MyBatis的基础上只做增强不做改变，为简化开发、提高效率而生。如果你坚持要使用My
MyBatis如何实现分页
刘皇叔说Java的博客
04-09 3102
如果你使用的数据库不支持特定的分页语法，或者想要更多灵活性，你可以通过自定义 SQL 实现分页逻辑。通常，你需要通过 RowBounds 或 PageHelper 来实现分页。
MyBatis Plus分页实现详解
德乐懿的博客
07-15 927
MyBatis Plus的分页功能以其高效、易用、灵活的特点，在Java开发领域得到了广泛的应用。通过简单的配置和少量的代码，开发者即可实现复杂的分页逻辑，提升用户体验和服务器性能。同时，MyBatis Plus分页功能的可维护性和扩展性也为项目的长期发展提供了有力保障。
分页接口的实现
kk的博客
04-28 7761
一、分页接口 Page.java /** * 分页接口 * <p></p> * Created on 2017/10/30. */ public interface Page<T> { /**获取当前页码*/ int getPageNo(); /**获取当前页大小*/ int getPageSize(); /*...
分页的实现
weixin_54877075的博客
03-05 3886
1.分页是什么？ 分页（Paging）:即有很多数据，我们就需要分页来分割数据，可提高整体运行性能，增强用户使用体验需求等 不使用分页将遇到的问题： 客户端问题：数据太多影响用户的体验感且也不方便操作查找，甚至出现加载太慢的问题。 服务器问题：数据太多会造成内存溢出，且对服务器的性能也不友好。 2.如何实现分页？ 2.1：分页的实现方式 利用Oracle数据库自带的rownum关键字来实现分页： select * from (select a.*...
后端分页实现
qq_45254247的博客
07-19 2623
分页实现 1、首先请求和响应实体继承分页类 下面展示一些 内联代码片。 2、并将前端传递来的pageIndex（当前页码）和pageSize（每页显示数量）封装对象传入DAO层 3、根据pageIndex 和 pageSize计算分页需要跳过的行数 跳过行数jumpCount = pageIndex>0?(pageIndex-1)*pageSize:0 (pageIndex-1)得到当前页面的上一个页面，然后乘以pageSize，得到最终跳过的条数； 4、在SQL中根据 limit jumpCount
前端实现分页效果
热门推荐
welcome
09-09 1万+
前端分页？后端做得了的事，我前端也要做。后端做不了的事，我前端更要做。
mybatis分页实现1
08-08
MyBatis 提供了两种主要的分页实现方法：一种是通过在 Mapper XML 文件中直接编写分页 SQL，另一种是利用 MyBatis 的插件机制，如 PageHelper 插件，进行拦截器实现分页。这里我们主要讨论第一种方法，即“普通的...
JSP实现分页效果
01-20
在JSP中实现分页效果是一项常见的任务，尤其是在构建数据量较大的Web应用时。分页可以帮助用户更方便地浏览和管理大量的信息，避免一次性加载过多数据导致页面响应速度变慢。下面我们将详细讨论如何在JSP中实现分页...
java分页之假分页实现简单的分页器
09-02
本文将深入探讨Java中的假分页实现，这是一种不直接在数据库层面进行分页，而是在获取所有数据后在应用程序中进行分页的方法。 首先，我们来看提供的代码片段。定义了一个名为`Pager<T>`的类，该类实现了分页功能。...
Vue实现简单分页器
10-17
1. **引用依赖**：首先，确保项目中引入了jQuery、Vue.js和自定义的分页插件`jgPaginator.js`。这些文件需要按照正确的顺序加载，通常是先加载jQuery，再加载Vue，最后加载自定义插件。在HTML文件中，可以通过`...
Springmvc应用Mongodb分页实现
08-28
4. **分页实现步骤**： - **接收当前页码**：当用户点击页码时，后台接收到currentPage值。 - **计算跳过的条数**：skip = (currentPage - 1) * pageSize。 - **执行查询**：使用`query.skip(skip).limit(PAGE_...
分页实现的原理
lie_sun
12-20 5728
什么是分页技术 分页,是一种将所有数据分段展示给用户的技术.用户每次看到的不是全部数据,而是其中的一部分,如果在其中没有找到自习自己想要的内容,用户可以通过制定页码或是翻页的方式转换可见内容,直到找到自己想要的内容为止.其实这和我们阅读书籍很类似 分页的意义 分页确实有效,但它一定会加大系统的复杂度,但可否不分页呢?如果数据量少的话当然可以.但是对于企业信息系统来说数据量不会限制在一个小范围内.如...
企业信息化项目IT规划.pptx
最新发布
08-07
企业信息化项目IT规划.pptx
[毕业设计]PHP论文评审与反馈系统(源代码+论文).zip
08-07
[毕业设计]PHP论文评审与反馈系统(源代码+论文)
毕业设计，基于ASP+SqlServer开发的工艺品展示系统，内含完整源代码，数据库，毕业论文
08-07
毕业设计，基于ASP+SqlServer开发的工艺品展示系统，内含完整源代码，数据库，毕业论文 工艺品在线展示系统主要功能模块包括首页、个人资料、公共管理、用户管理、工艺资讯、作品欣赏、作品类型,采取面对对象的开发模式进行软件的开发和硬体的架...
JavaWeb文件上传下载及分页实现教程
"JavaWeb文件上传与下载以及分页实现的学习笔记" 在JavaWeb开发中，文件上传和下载是常见的功能需求，同时分页展示数据也是必不可少的一部分。本笔记主要涵盖了这三个主题，由作者吕鹏在2011年8月11日撰写。 一、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值