代码如下：解析在下边
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018/1/17
Time: 19:10
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<style>
body{ text-align:center}
#div{
background: gray;
border:1px solid #000;
width:600px;
height:300px;
position:relative;
top: 50px;
left: 100px;
}
</style>
</head>
<body>
<div id="div">
<form id="form" action="/sale/list.html">
<input type="hidden" name="pageNum" id="pageNum"/>
销售信息查询： 排序方式<select name="order" ">
<option value="created_date" ${param.order=='created_date'?"selected":""}>日期</option>
<option value="total" ${param.order=='total'?"selected":""}>单笔总额</option>
</select>
<input type="submit" value="提交 "/>
</form>
<table border="1">
<tr>
<td>id</td>
<td>商品</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
<td>销售日期</td>
<td>销售人员</td>
</tr>
<c:forEach items="${pageInfo.list}" var="sale">
<tr>
<td>${sale.id}</td>
<td>${sale.product.proName}</td>
<td>${sale.saleSize}</td>
<td>${sale.saleNum}</td>
<td>${sale.total}</td>
<%--<fmt:formatDate value="${sale.createDate}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate>--%>
<td><fmt:formatDate value="${sale.createdDate}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
<td>${sale.userName}</td>
</tr>
</c:forEach>
<tr><td colspan="7">
<a href="#" onclick="page(1)">首页</a>|
<a href="#" onclick="page(${pageInfo.pageNum-1})">上一页</a>|
<a href="#" onclick="page(${pageInfo.pageNum+1})">下一页</a>|
<a href="#" onclick="page(${pageInfo.pages})">末页</a>|
第${pageInfo.pageNum}页/
共${pageInfo.pages}页
(${pageInfo.total}条数据）</td></tr>
</table>
<script>
function page(pageNum) {
$("#pageNum").val(pageNum);
$("#form").submit();
}
</script>
</div>
</body>
</html>
解析：将查询条件放入到到form表单中，在form中添加一个隐藏标签
<input type="hidden" name="pageNum" id="pageNum"/>
在分页下边添加方法
onclick="page(1)；page内的参数是pegeNum
在JavaScript中添加方法
function page(pageNum) {
$("#pageNum").val(pageNum);
$("#form").submit();
} 并且给 隐藏标签设值；通过form中的id调用submit函数提交form表单
注意：数据的回显 普通数据用param.属性名
特殊数据则需要特殊的方法
代码及解析如下
controller
public String list(Employee employee,Model model,@RequestParam(defaultValue = "price")String order,@RequestParam(defaultValue = "1") Integer pageNum){
List<Dept> deptList = deptService.getDeptList();
List<Position> positionList = positionService.getPositionList();
PageInfo<Employee> pageInfo = employeeService.getEmpList(employee,pageNum,3,order);
model.addAttribute("deptList",deptList);
model.addAttribute("positionList",positionList);
model.addAttribute("pageInfo",pageInfo);
return "emp_list";
}
<c:forEach items="${deptList}" var="dept">
<option value="${dept.id}" ${employee.dept.id==dept.id?'selected':''}>${dept.name}</option>
</c:forEach>
在这里 dept是持久化类 ；作为持久化类Employee的属性； 如果你要回显需要用传入controller的持久化类Employee的首字母小写employee.dept.id 来回显你的数据
${employee.dept.id==dept.id?'selected':''}三目判断回显数据