SSM Maven项目 实现简单分页

首先添加依赖的jar

<!-- 分页 -->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>4.0.0</version>
</dependency>

j然后搭好框架就可以 ,然后创建bean ,dao,service,serviceImpl,

controller类,直接书写查询所有的信息方法就可以,
@RequestMapping(value = "/请求地址")
public String 方法名(Model model,@Param("pname")String pname,@RequestParam(value = "PageNum",defaultValue = "1")
        Integer PageNum, @RequestParam(value = "PageSize",defaultValue = "3") Integer PageSize) {
    PageHelper.startPage(PageNum,PageSize);
    List<phone> se = phoneService.selectphone(pname);
    PageInfo pageInfo=new PageInfo(se);
    model.addAttribute("pageInfo", pageInfo);
    return "完成后跳转的页面";








,然后直接去写sql语句 直接写查询所有方法的sql语句就可以,然后去写前端页面(jsp)


(页面导入这个)//Bootstrap样式已经加好,如果想让页面更好看一些,就引入吧


<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>






,直接复制粘贴到下面就可以



<div class="row">

    <div style="font-weight: bold;font-size: 16px;font-family:'微软雅体';" class="col-md-7">

        <i class="blue">${pageInfo.total}</i>条记录,
        当前显示第&nbsp;<i class="blue">${pageInfo.pageNum}/${pageInfo.pages}</i>&nbsp;
    </div>


    <nav aria-label="Page navigation">
        <ul class="pagination">
            <c:if test="${!pageInfo.isFirstPage}">
                <li><a href="<%=basePath%>/phone/selphone.action?PageNum=1">首页</a></li>

                <li><a href="<%=basePath%>/phone/selphone.action?PageNum=${pageInfo.pageNum-1 }"
                       aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
                </li>
            </c:if>
            <c:forEach items="${pageInfo.navigatepageNums }" var="num">
                <c:if test="${num == pageInfo.pageNum }">
                    <li class="active"><a href="<%=basePath%>/phone/selphone.action?PageNum=${num }">${num }</a>
                    </li>
                </c:if>
                <c:if test="${num != pageInfo.pageNum }">
                    <li><a href="<%=basePath%>/phone/selphone.action?PageNum=${num }">${num }</a></li>
                </c:if>
            </c:forEach>
            <c:if test="${!pageInfo.isLastPage}">
                <li>
                    <a href="<%=basePath%>/phone/selphone.action?PageNum=${pageInfo.pageNum+1 }"
                       aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
                <li><a href="<%=basePath%>/phone/selphone.action?PageNum=${pageInfo.lastPage}">尾页</a></li>
            </c:if>
        </ul>
    </nav>
</div>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值