[BYSX] SSM框架中实现分页和搜索功能
在显示用户信息或其他信息时,我们都会在页面中创建列表显示,但是当数据过多时,一个页面就会无法全部展示,因此我们需要使用分页。当我们使用用户名模糊查询用户时,查询的用户也可能通过分页的方式展示,因此分页功能和搜索功能会联系在一起。为了实现这两个功能,首先我们需要创建一个界面,这个界面中包括搜索,分页时的首页,尾页,下一页,上一页,以及每页的页数。
这个页面的实现是使用jsp文件来完成的,具体的就不展示了,我只将搜索和每页的页码的部分展示出来,如下:
<!-- 搜索 -->
<form action="${pageContext.request.contextPath}/user/findAll.do?type=1" method="post">
<div class="col-md-4 data1">
<input type="text" class="form-control" name="username" placeholder="username" value="">
</div>
<button type="submit" class="btn bg-maroon">搜索</button>
</form>
<!-- 分页 -->
<div class="box-tools pull-right">
<ul class="pagination">
<li><a href="/user/findAll.do" aria-label="Previous">首页</a></li>
<li><a href="/user/findAll.do?currentPage=${pageInfo.currentPage-1}">上一页</a></li>
<c:forEach begin="1" end="${pageInfo.totalPage}" var="pageNum">
<li><a href="/user/findAll.do?currentPage=${pageNum}">${
pageNum}</a></li>
</c:forEach>
<li><a href="/user/findAll.do?currentPage=${pageInfo.currentPage+1}">下一页</a></li>
<li>