1 private Integer id;
2 private String name;
3 private Integer gender;//1 表示男 2 表示女
4 private String birthday;//生日
5 private String entryDate;//入职日期
6 private String post;//岗位
7 private String depart;//部门
8 private Double salart;//薪资
9 private Double len;//身高
10 private Integer workAge;//工龄
1 <%@ page language="java" contentType="text/html; charset=utf-8"
2 pageEncoding="utf-8"%>
3 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
4 <!DOCTYPE html>
5 <html>
6 <head>
7 <meta charset="utf-8">
8 <title>Insert title here</title>
9 <link rel="stylesheet" href="/resource/bootstrap.min.css" >
10 <script type="text/javascript" src="/resource/jquery-3.2.1.js" ></script>
11 <script type="text/javascript" src="/resource/bootstrap.min.js" ></script>
12 </head>
13 <body>
14 <form action="findList" method="post" id="myForm">
15 年龄:<input type="text" name="age1" > 到<input type="text" name="age2" >
16 姓名:<input type="text" name="name" >
17 岗位或部门:<input type="text" name="postOrDepart" >
18 入职天数:<input type="text" name="dayNum1" > 到<input type="text" name="dayNum2" > <br>
19
20 排序:<input type="checkbox" name="paixu" value="gender" >性别
21 <input type="checkbox" name="paixu" value="age" >年龄
22 <input type="checkbox" name="paixu" value="salart" >薪资
23 <input type="checkbox" name="paixu" value="dayNum" >入职时长
24 <input type="checkbox" name="paixu" value="len" >身高
25 <input type="hidden" name="paixu" >
26
27 排序方式:<input type="radio" name="paiType" value="asc" >升序
28 <input type="radio" name="paiType" value="desc" >降序
29
30 <input type="button" onclick="tj()" value="查询" >
31 <button type="submit">提交</button>
32
33 </form>
34 <table class="table" >
35 <tr>
36 <td>id</td>
37 <td>姓名</td>
38 <td>性别</td>
39 <td>出生日期</td>
40 <td>入职日期</td>
41 <td>岗位</td>
42 <td>部门</td>
43 <td>薪资</td>
44 <td>身高</td>
45 <td>年龄</td>
46 <td>入职天数</td>
47 <td>工龄</td>
48
49 </tr>
50 <c:forEach items="${info.list }" var="e">
51 <tr>
52
53 <td>${e.id }</td>
54 <td>${e.name }</td>
55 <td>
56 <c:if test="${e.gender==1 }">男</c:if>
57 <c:if test="${e.gender==2 }">女</c:if>
58 </td>
59 <td>${e.birthday }</td>
60 <td><button>详情</button> </td>
61 </tr>
62 <tr>
63 <td colspan="5">
64 <div id="detail${e.id}">
65 </div>
66 </td>
67 </tr>
68 </c:forEach>
69 </table>
70
71 <script type="text/javascript">
72
73 function tj(){
74 var paixu = new Array();
75 $("[name=paixu]:checked").each(function(){
76 paixu.push($(this).val())
77 })
78 alert(paixu);
79 $.post("findList",{paixu:paixu},function(){
80
81 },"json")
82
83 }
84 </script>
85 </body>
86 </html>
1 private Integer age1;//年龄1
2 private Integer age2;//年龄2
3
4 private String name;
5
6 private String postOrDepart;//岗位或部门
7
8 private Integer dayNum1;//入职天数1
9 private Integer dayNum2;//入职天数2
10
11 private String[] paixu;//排序
12
13 private String paiType;//排序方式