SMM项目分页显示列表及列表数据增删改

最新推荐文章于 2024-09-14 18:46:05 发布

与其等风来不如追风去

最新推荐文章于 2024-09-14 18:46:05 发布

阅读量489

点赞数

分类专栏： Java全栈项目文章标签： java mysql maven spring

本文链接：https://blog.csdn.net/whutsyj/article/details/107538424

版权

Java全栈项目专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Day04:项目分页显示列表及列表数据增删改

day04总任务:

分页显示列表(难点)
列表数据的删除
列表数据的编辑
列表数据的添加(作业)

列表数据的增删改太简单了,此处就不再赘述.(和前一天的注册内容没什么差别)

下面就主要讲讲分页显示编写过程.

列表分页

1.准备过程

首先,要确定除了列表数据外还需要哪些数据来实现列表分页功能:
总页数当前页数总记录数每页记录数

则,建立PageInfo类:

public class PageInfo<T> {
    private List<T> list;		// 当前页需要展示的数据
    private int totalPage;      // 总页数
    private int totalCount;     // 总记录数
    private int size;           // 每页数据量
    private int currentPage;    // 当前页数
}

~~其他构造函数set,get函数略~~

2.界面控制

注意
随列表数据变化的动态数据从后台获取.

前端实现分页逻辑:
利用a标签传参进入更新的列表界面实现获取指定页内容更新列表.

实现:
传递参数到currentPage中,让后台根据currentPage算出列表显示数据
分页部分代码:

<!-- .box-footer-->
<div class="box-footer">
	<div class="pull-left">
		<div class="form-group form-inline">
                            总共${pageInfo.totalPage} 页，共${pageInfo.totalCount} 条数据。 每页
			<select class="form-control">
				<option>1</option>
				<option>2</option>
				 <option>3</option>
				 <option>4</option>
				 <option>5</option>
			</select> 条
		</div>
	</div>

    <div class="box-tools pull-right">
    	<ul class="pagination">
			<li>
				<a href="${pageContext.request.contextPath}/user/findAll03?currentPage=1" aria-label="Previous">首页</a>
			</li>
			<li>
				<a href="${pageContext.request.contextPath}/user/findAll03?currentPage=${pageInfo.currentPage - 1}">上一页</a>
			</li>
            <c:forEach begin="1" end="${pageInfo.totalPage}" var="pageNum">
            	<li>
            		<a href="${pageContext.request.contextPath}/user/findAll03?currentPage=${pageNum}">${pageNum}</a>
            	</li>
            </c:forEach>
            <li>
            	<a href="${pageContext.request.contextPath}/user/findAll03?currentPage=${pageInfo.currentPage + 1}">下一页</a>
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/user/findAll03?currentPage=${pageInfo.totalPage}" aria-label="Next">尾页</a>
            </li>
        </ul>
	</div>
</div>

3.后台逻辑

接收前端参数(默认1): currentPage [当前页]
接收数据库结果参数: totalCount [总记录数]

实现逻辑:
根据总记录数和设置的每页记录数算出总页数
根据当前页数和设置的每页记录数算出应显示记录范围start,size
根据start,size查找数据库中记录并显示在界面上

实现

public PageInfo<User> findByPage(int currentPage) {
        PageInfo<User> pageInfo = new PageInfo<>();
        // 指定每页的数据量
        pageInfo.setSize(5);

        // 指定总数据量
        int totalCount = userDao.getTotal();
        pageInfo.setTotalCount(totalCount);

        // 指定总页数   ceil() 向上取整  floor() 向下取整  round() 四舍五入
        int totalPage = (int) Math.ceil(totalCount / (double)pageInfo.getSize());
        pageInfo.setTotalPage(totalPage);

        // 判断当前页是否合理
        if (currentPage < 1) {
            pageInfo.setCurrentPage(1);
        } else if (currentPage > totalPage) {
            pageInfo.setCurrentPage(totalPage);
        } else {
            pageInfo.setCurrentPage(currentPage);
        }

        // 指定当前页的数据   指定sql语句中的两个参数
        int start = (pageInfo.getCurrentPage() - 1) * pageInfo.getSize();
        List<User> list = userDao.findAllByPage(start, pageInfo.getSize());
        pageInfo.setList(list);

        return pageInfo;
    }