手写分页

最新推荐文章于 2023-05-16 02:58:45 发布
原创 最新推荐文章于 2023-05-16 02:58:45 发布 · 356 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了一种基于Java的通用分页组件的设计与实现过程，涵盖了从PageBean类的定义到控制器、服务层和数据访问层的具体实现，以及如何在JSP和Thymeleaf页面中展示分页信息。

效果图
在这里插入图片描述

PageBean

package com.pojo;

import java.util.ArrayList;
import java.util.List;

public class PageBean<T> {
    /**当前页*/
    private Integer page;
    /**每页数据条数*/
    private Integer pageSize;
    /**存放数数据的集合*/
    private List<T> list = new ArrayList<>();
    /**是否显示上一页按钮*/
    private boolean showPrevious;
    /**页码偏移量*/
    private Integer offset;
    /**数据总条数*/
    private Integer totalCount;
    /**总页数*/
    private Integer totalPage;
    /**页面展示页数*/
    private List<Integer> pages = new ArrayList<>();
    /**是否显示回到第一页按钮*/
    private boolean showFirstPage;
    /**是否显示下一页按钮*/
    private boolean showNext;
    /**是否显示跳转最后一页的按钮*/
    private boolean showEndPage;

    
    public Integer getPage() {
		return page;
	}


	public void setPage(Integer page) {
		this.page = page;
	}


	public Integer getPageSize() {
		return pageSize;
	}


	public void setPageSize(Integer pageSize) {
		this.pageSize = pageSize;
	}


	public List<T> getList() {
		return list;
	}


	public void setList(List<T> list) {
		this.list = list;
	}


	public boolean isShowPrevious() {
		return showPrevious;
	}


	public void setShowPrevious(boolean showPrevious) {
		this.showPrevious = showPrevious;
	}


	public Integer getOffset() {
		return offset;
	}


	public void setOffset(Integer offset) {
		this.offset = offset;
	}


	public Integer getTotalCount() {
		return totalCount;
	}


	public void setTotalCount(Integer totalCount) {
		this.totalCount = totalCount;
	}


	public Integer getTotalPage() {
		return totalPage;
	}


	public void setTotalPage(Integer totalPage) {
		this.totalPage = totalPage;
	}


	public List<Integer> getPages() {
		return pages;
	}


	public void setPages(List<Integer> pages) {
		this.pages = pages;
	}


	public boolean isShowFirstPage() {
		return showFirstPage;
	}


	public void setShowFirstPage(boolean showFirstPage) {
		this.showFirstPage = showFirstPage;
	}


	public boolean isShowNext() {
		return showNext;
	}


	public void setShowNext(boolean showNext) {
		this.showNext = showNext;
	}


	public boolean isShowEndPage() {
		return showEndPage;
	}


	public void setShowEndPage(boolean showEndPage) {
		this.showEndPage = showEndPage;
	}


	public PageBean(Integer page, Integer pageSize,Integer totalCount){
        this.page = page;
        this.pageSize = pageSize;
        this.totalCount = totalCount;
        //计算总页数
        this.totalPage = (this.totalCount + this.pageSize -1)/this.pageSize;
        //控制分页的合理性
        if(page < 1){
            this.page = 1;
        }
        if (page > totalPage){
            this.page = totalPage;
        }
        if(this.totalPage == 0){
            this.page = 1;
        }
        //计算页码的偏移量
        this.offset = (this.page-1) * this.pageSize;
        //判断是否显示上一页按钮
        if(this.page == 1){
            //如果当前页为第一页不显示上一页按钮
            this.showPrevious = false;
        }else {
            //如果当前页不为第一页显示上一页按钮
            this.showPrevious = true;
        }
        //判断是否显示下一页按钮
        if(this.page.equals(this.totalPage)){
            //如果当前页为最后一页不显示下一页按钮
            this.showNext = false;
        }else{
            //如果当前页不为最后一页显示下一页按钮
            this.showNext = true;
        }
        //计算页面展示页数
        this.pages.add(this.page);
        for (int i = 1; i <= 3 ; i++) {
            if(this.page - i > 0){
                this.pages.add(0,this.page -i);
            }
            if(this.page + i <= this.totalPage){
                pages.add(this.page+i);
            }
        }
        //判断是否显示回到第一页的按钮
        if(this.pages.contains(1)){
            this.showFirstPage = false;
        }else{
            this.showFirstPage = true;
        }
        //判断是否显示回到最后一页的按钮
        if(this.pages.contains(this.totalPage)){
            this.showEndPage = false;
        }else{
            this.showEndPage = true;
        }
    }
}

controller

package com.controller;

import java.sql.SQLException;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

import com.pojo.Article;
import com.pojo.PageBean;
import com.service.CityService;

@Controller
public class CityController {

	@RequestMapping("/city")
	public ModelAndView getData(@RequestParam(required = false,defaultValue = "1")Integer page,
			@RequestParam(required = false,defaultValue = "3")Integer pageSize,
			ModelAndView modelAndView) {
		CityService cityService = new CityService();
		PageBean<Article> pageBean = null;;
		try {
			pageBean = cityService.getArtileByPage(page,pageSize);
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		modelAndView.addObject("pageBean",pageBean);
		modelAndView.setViewName("page");
		return modelAndView;
					
	}
	
}

service

package com.service;

import java.sql.SQLException;
import java.util.List;

import com.dao.ArticleDao;
import com.pojo.Article;
import com.pojo.PageBean;

public class CityService {

	public PageBean<Article> getArtileByPage(Integer page, Integer pageSize) throws SQLException {
		ArticleDao articleDao = new ArticleDao();
		Integer count = articleDao.getTotal();
		PageBean<Article> pageBean = new PageBean<Article>(page, pageSize, count);
		List<Article> list = articleDao.queryArticle(pageBean.getOffset(),pageBean.getPageSize());
		pageBean.setList(list);
		return pageBean;
	}
	
}

dao

package com.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import com.pojo.Article;
import com.utils.JDBCUtils;

public class ArticleDao {

	public Integer getTotal() throws SQLException {
		Connection connection = JDBCUtils.getConnection();// 连接数据库返回connection
		String sql = "select count(*) from article";
		PreparedStatement pre = connection.prepareStatement(sql);// 新建pre对象
		ResultSet executeQuery = pre.executeQuery();
		executeQuery.next();
		return executeQuery.getInt(1);
	}

	public List<Article> queryArticle(Integer offset, Integer pageSize) throws SQLException {
		Connection connection = JDBCUtils.getConnection();// 连接数据库返回connection
		String sql = "select * from article limit ?,?";
		PreparedStatement pre = connection.prepareStatement(sql);// 新建pre对象
		pre.setInt(1, offset);
		pre.setInt(2, pageSize);
		ResultSet resultSet = pre.executeQuery();// 执行查询
		ArrayList<Article> list = new ArrayList<>();
		while (resultSet.next()) {
			Long id = resultSet.getLong("id");// 文章id
			String title = resultSet.getString("article_title");// 标题
			String content = resultSet.getString("article_content");// 正文
			Long postTime = resultSet.getLong("article_post_time");// 发表时间
			Long changeTime = resultSet.getLong("article_change_time");// 更新日期
			Long like = resultSet.getLong("article_like");// 点赞
			Long userId = resultSet.getLong("user_id");// 作者id
			Long categoryId = resultSet.getLong("category_id");// 类型id
			Long commentCount = resultSet.getLong("comment_count");
			Article article = new Article(id, title, content, postTime, changeTime, like, commentCount, userId,
					categoryId);
			list.add(article);
		}
		JDBCUtils.closeResources(resultSet, pre, connection);
		return list;
	}

}

页面页码栏

jsp版本

<nav aria-label="Page navigation">
        <ul class="pagination">
        	<c:if test="${pageBean.showFirstPage == true}">
	        	<li>
	                <a href="/springmvc/city.do?page=1"  aria-label="Previous">
	                    <span aria-hidden="true">&lt;&lt;</span>
	                </a>
	            </li>
        	</c:if>
            <c:if test="${pageBean.showPrevious == true}">
            	<li>
                <a href="/springmvc/city.do?page=${pageBean.page-1}"  aria-label="Previous">
                    <span aria-hidden="true">&lt;</span>
                </a>
            </li>
            </c:if>
            
            <c:forEach items="${pageBean.pages }" var="p">
	           	<c:if test="${pageBean.page == p}">
	           	 	<li class="active">
		             	<a href="/springmvc/city.do?page=${p }">${p }</a>
		            </li>
	           	</c:if>
		        <c:if test="${pageBean.page != p}">
	           	 	<li>
		             	<a href="/springmvc/city.do?page=${p }">${p }</a>
		            </li>
	           	</c:if>
            </c:forEach>
           
            
            <c:if test="${pageBean.showNext == true}">
	            <li>
	                <a href="/springmvc/city.do?page=${pageBean.page+1}" aria-label="Next">
	                    <span aria-hidden="true">&gt;</span>
	                </a>
	            </li>
            </c:if>
            
            <c:if test="${pageBean.showEndPage == true}">
            	<li>
                <a href="/springmvc/city.do?page=${pageBean.totalPage}" aria-label="Next">
                    <span aria-hidden="true">&gt;&gt;</span>
                </a>
            </li>
            	
            </c:if>
                    </ul>
    </nav>

thymeleaf版本

 <nav aria-label="Page navigation">
        <ul class="pagination">
            <li th:if="${pageBean.showFirstPage}">
                <a href="#" th:href="@{/(page=1)}" aria-label="Previous">
                    <span aria-hidden="true">&lt;&lt;</span>
                </a>
            </li>
            <li th:if="${pageBean.showPrevious}">
                <a href="#" th:href="@{/(page=${pageBean.page-1})}" aria-label="Previous">
                    <span aria-hidden="true">&lt;</span>
                </a>
            </li>
            <li th:each="page : ${pageBean.getPages()}" th:class="${pageBean.page == page}?'active':''"><a href="#" th:href="@{/(page=${page})}" th:text="${page}">1</a></li>
            <li th:if="${pageBean.showNext}">
                <a href="#"  th:href="@{/(page=${pageBean.page+1})}" aria-label="Next">
                    <span aria-hidden="true">&gt;</span>
                </a>
            </li>
            <li th:if="${pageBean.showEndPage}">
                <a href="#" th:href="@{/(page=${pageBean.totalPage})}"  aria-label="Next">
                    <span aria-hidden="true">&gt;&gt;</span>
                </a>
            </li>
        </ul>
    </nav>
【前端项目——分页器】手写分页器实现（JS / React）
Everglowwwwww的博客
05-03 2138
用了两种方式实现，注释详细~可能代码写的不够简洁，见谅🙁网上看了很多实现，很多只有分页器部分，没和内容显示联动。因此我增加了模拟content的显示，这里模拟了32条数据，通过分页器控制每页的显示。列举了三种，5，10，20条每页做了一个范围保护，如果超出当前范围，会自动变成最大或最小的页码。（做提示也可以，但我不想点提示的确认）
手写分页器组件（vue2）
qq_48113035的博客
04-16 1399
效果图如下： 1.首先要确认参数 currentPage：当前页码；pageSize：每页有多少条数据；pageGroup：连续页码数量； total：数据总数；totalPage：总页数 2.计算总页数，使用 数据总数 / 每页有多少条数据 向上取整即可。（放在computed中自动计算） computed:{ // 共有多少页 otalPage(){ return Math.ceil(this.total / this.pageSize); } .
分页手写纯手写
01-10
分页手写纯手写
java web手写实现分页功能
08-25
主要为大家详细介绍了java web手写实现分页功能的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JQuery手写一个简单的分页
dongaokyamo7970的专栏
03-14 223
效果图: 大概思路：使用ul进行初始布局，每一次点击事件改变li里的值。完整的代码在gitup上：https://github.com/anxizhihai/Paging.gitcss部分: html部分: JQuery部分: 转载于:https://www.cnblogs.com/ZM-ONE/p/8567499.html...
手写分页方法
a984171281的博客
02-11 1442
分页方法 前端传过来的pageSize、currentPage calculatePageCount()是计算分页的方法 public class PageInfo implements Serializable { public static final int DEFAULT_PAGE_SIZE = 20; private int rowCount = 0; //当前页数 private int currentPage = 1; //页面大小 默认20条一页 private int
asp.net repeater手写分页实例代码
10-29
在标题“*** repeater手写分页实例代码”中，关键词“***”指的是.NET Framework提供的用于构建Web应用程序的编程环境，而“repeater”即为上述的数据显示控件Repeater，其后的“手写分页”则说明本实例是通过编写...
手写分页查询
MOKE_SPACE
02-26 1552
1.分页Bean public class PageBean&amp;lt;T&amp;gt; { private int pc;// 当前页码page code //总页数tp：由tr/ps计算可得 private int tr;// 总记录数total record private int ps;// 每页记录数page size private List&amp;lt;T&amp;gt; ...
手写分页(分页原理)
Theshy08的博客
01-31 758
因为一些特殊的业务原因,我需要在分页的时候在list里面减去某些值,这样就不能使用系统自带的分页逻辑,自己写了一个记录一下。原理还是很简单的根据前台传递的页和条数,先进行查询然后在sublist取条数。
自己手写分页
weixin_44227650的博客
02-16 318
Integer pageNum = partsConInfo.getPageNum(); Integer pageSize = partsConInfo.getPageSize(); Integer fromIndex = pageNum * pageSize - pageSize; Integer toIndex = fromIndex + pageSize; partsConInfo.setFromIndex(fromIndex); //第几页开始 partsConInfo.setToIndex(toI
分页(跟着宝哥学java：javaee)手写分页
跟着宝哥学java的博客
03-27 5144
分页(跟着宝哥学java：javaee)手写分页
手写分页器
m0_62508027的博客
05-16 202
手写分页器
Java手写一个简单分页
qq_36599564的博客
10-23 1593
有时候我们需要对数据进行分页操作，比如一批数据id需要调接口批量查询，考虑到接口性能，通常不会一次查很多条数据，这时就可手动分页查询。 直接来看例子： public class PagingTest { public static void main(String[] args) { Integer[] integers = {1, 2, 3, 4, 5, 6, 7, 8,...
Java实现手写分页
qq_37924396的博客
03-06 3519
Java实现手写分页
java手写分页
最新发布
06-17
<think>我们正在讨论Java手写分页的实现。根据用户需求，他需要Java手写分页的代码示例，而不使用PageHelper等分页插件。参考引用中提到了手动实现分页的步骤：包括计算总记录数、总页数，以及使用数据库的分页查询（如MySQL的LIMIT）。我们将按照以下步骤实现：1.获取前端传递的当前页码（pageNum）和每页记录数（pageSize）。2.计算总记录数（totalCount）和总页数（totalPage）。3.根据pageNum和pageSize计算数据库查询的起始位置（offset）。4.使用SQL的LIMIT语句进行分页查询，获取当前页的数据列表。5.将分页数据（当前页数据列表、总记录数、总页数等）封装成分页对象返回给前端。下面是一个简单的实现示例：假设我们有一个User实体类，需要分页查询用户列表。首先，定义一个分页结果类（PageResult）用于封装分页信息。然后，在DAO层编写分页查询方法。最后，在Service层调用DAO层方法，并返回分页结果。注意：这里使用MySQL数据库，所以使用LIMIT关键字。如果使用其他数据库，分页语句可能不同（如Oracle使用ROWNUM）。代码示例：</think>### Java 手写分页实现代码示例 以下是手动实现分页功能的完整代码示例，不依赖任何分页插件（如 PageHelper）： #### 1. 分页工具类（核心逻辑） ```java public class PaginationUtils { /** * 手动分页实现 * @param dataList 全量数据列表 * @param pageNum 当前页码（从1开始） * @param pageSize 每页显示条数 * @return 分页结果对象 */ public static <T> PageResult<T> paginate(List<T> dataList, int pageNum, int pageSize) { // 参数校验 if (pageNum < 1) pageNum = 1; if (pageSize < 1) pageSize = 10; // 计算总记录数 int totalCount = dataList.size(); // 计算总页数 int totalPages = (int) Math.ceil((double) totalCount / pageSize); // 计算起始索引 int fromIndex = (pageNum - 1) * pageSize; if (fromIndex >= totalCount) { return new PageResult<>(Collections.emptyList(), pageNum, pageSize, totalCount, totalPages); } // 计算结束索引 int toIndex = Math.min(fromIndex + pageSize, totalCount); // 获取当前页数据 List<T> pageData = dataList.subList(fromIndex, toIndex); return new PageResult<>(pageData, pageNum, pageSize, totalCount, totalPages); } } ``` #### 2. 分页结果封装类 ```java public class PageResult<T> { private List<T> list; // 当前页数据 private int pageNum; // 当前页码 private int pageSize; // 每页数量 private int totalCount; // 总记录数 private int totalPages; // 总页数 // 构造方法 public PageResult(List<T> list, int pageNum, int pageSize, int totalCount, int totalPages) { this.list = list; this.pageNum = pageNum; this.pageSize = pageSize; this.totalCount = totalCount; this.totalPages = totalPages; } // Getters public List<T> getList() { return list; } public int getPageNum() { return pageNum; } public int getPageSize() { return pageSize; } public int getTotalCount() { return totalCount; } public int getTotalPages() { return totalPages; } } ``` #### 3. Service 层使用示例 ```java public class UserService { // 模拟数据库数据 private List<User> mockUsers = Arrays.asList( new User(1, "张三"), new User(2, "李四"), // ... 其他用户数据 ); /** * 获取分页用户数据 * @param pageNum 当前页码 * @param pageSize 每页条数 * @return 分页结果 */ public PageResult<User> getUsersByPage(int pageNum, int pageSize) { // 实际项目中此处应从数据库获取全量数据或分页查询 return PaginationUtils.paginate(mockUsers, pageNum, pageSize); } } ``` #### 4. Controller 层返回给前端 ```java @RestController @RequestMapping("/api/users") public class UserController { @Autowired private UserService userService; @GetMapping public ResponseEntity<PageResult<User>> getUsers( @RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "10") int size) { PageResult<User> result = userService.getUsersByPage(page, size); return ResponseEntity.ok(result); } } ``` #### 5. 数据库分页查询优化（MySQL示例） 对于大数据量场景，应在数据库层面分页： ```java public PageResult<User> getUsersFromDB(int pageNum, int pageSize) { // 计算偏移量 int offset = (pageNum - 1) * pageSize; // 查询当前页数据 String sql = "SELECT * FROM users LIMIT ? OFFSET ?"; List<User> users = jdbcTemplate.query( sql, new Object[]{pageSize, offset}, new BeanPropertyRowMapper<>(User.class) ); // 查询总数 int total = jdbcTemplate.queryForObject( "SELECT COUNT(*) FROM users", Integer.class ); // 计算总页数 int totalPages = (int) Math.ceil((double) total / pageSize); return new PageResult<>(users, pageNum, pageSize, total, totalPages); } ``` ### 关键点说明： 1. **分页参数计算**： - 偏移量计算：$ \text{offset} = (\text{pageNum} - 1) \times \text{pageSize} $ - 总页数计算：$ \text{totalPages} = \lceil \frac{\text{totalCount}}{\text{pageSize}} \rceil $ 2. **性能优化**： - 大数据量时务必在数据库层分页（使用 `LIMIT` 和 `OFFSET`） - 避免在内存中处理全量数据 3. **边界处理**： - 页码超出范围时返回空列表 - 页码小于1时自动重置为1 - 页大小设置合理默认值 4. **前端交互**： - 返回结构包含分页元数据（当前页/总页数/总记录数） - 建议使用统一分页响应格式 > **注意**：实际项目中需要添加参数校验、异常处理和安全措施（如防止SQL注入）[^1][^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值