信息管理页面
<%@ page language="java" import="java.util.*" contentType="text/html; charset=GBK" pageEncoding="GBK" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="com.bjjdsy.demo.entity.User" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" rel="stylesheet" href="./js/calendar.css">
<script type="text/javascript" src="./js/calendar.js"></script>
<script type="text/javascript" src="./js/calendar-zh.js"></script>
<script type="text/javascript" src="./js/calendar-setup.js"></script>
<script type="text/javascript" src="./js/check.js" > </script>
<script type="text/javascript" src="./js/jquery-1.4.3.js" > </script>
<base href="<%=basePath%>">
<title>搜索页面</title>
<script type="text/javascript" src="./js/search.js"> </script>
</head>
<body >
<div style="border: 1px solid #398643;background-color:#f4f4f4;">
<div style="padding-left:380px;padding-top:40px;color:red;font-size:35"><img src="./js/images/word.jpg"/></div>
<form name="f1" action="./search.do" method="post">
<div style="padding-left:120px">
<table border="1" width="80%" cellpadding="0" cellspacing="0" >
<tr>
<td>姓名</td>
<td><input name="name"></td>
<td>性别</td>
<td><select name="sex">
<option >请选择</option>
<option value="男">男</option>
<option value="女">女</option>
</select></td>
<td>出现日期</td>
<td>从<input type="text" id="EntTime1" name="EntTime1" onclick="return showCalendar('EntTime1', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime1', 'y-mm-dd');">
到<input type="text" id="EntTime2" name="EntTime2" onclick="return showCalendar('EntTime2', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime2', 'y-mm-dd');">
</td>
</tr>
<tr>
<td>证件类型</td>
<td><select name="idType">
<option name="idType">
请选择
</option>
<option value="身份证" name="idType">
身份证
</option>
<option value="军官证" name="idType">
军官证
</option>
<option value="护 照" name="idType">
护 照
</option>
<option value="其 他" name="idType">
其 他
</option>
</select></td>
<td>证件号码</td>
<td><input name="idNo"></td>
<td>创建日期</td>
<td>从<input type="text" id="EntTime3" name="EntTime3" onclick="return showCalendar('EntTime3', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime3', 'y-mm-dd');">
到<input type="text" id="EntTime4" name="EntTime4" onclick="return showCalendar('EntTime4', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime4', 'y-mm-dd');">
</td>
</tr>
</table>
</div>
<div style="padding-left:750px">
每页显示<input name="pageNum" >项
<input type="submit" value="查询">
<input type="reset" value="清空">
</div>
</form>
<form action="" name="formname" method="post">
<div style="background-color:#f4f4f4;width:80%;padding-left:120px">
<span></span>
<input type="submit" style="border:none" name="update" value="修改" onclick="go('./toUpdate.do')">
<input type="submit" style="border:none" name="delete" value="删除" onclick="go('./delete.do')" >
<input type="submit" style="border:none" name="total" value="统计报表" onclick="go('./getExcel.do')">
</div>
<div style="padding-left:120px">
<table border="1" width="80%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f4">
<thead>
<tr>
<td>序号</td>
<td><input type="checkbox" value="全选" onclick="selectAll()" ></td>
<td> </td>
<td>姓名</td>
<td>性别</td>
<td>出生日期</td>
<td>证据类型</td>
<td>证据号码</td>
<td>创建日期</td>
</tr>
</thead>
<tbody>
<%
int i = 1;
%>
<c:forEach var="user" items="${users}" varStatus="status">
<tr>
<td><%=i++ %></td>
<td><input type="checkbox" name="checkname" value=${user.id }>
</td>
<td align="center" s><span id="see${user.id}" onclick="click03('see${user.id}','message${user.id}')">+</span></td>
<td>${user.name }</td>
<td>${user.sex }</td>
<td>${user.birthday }</td>
<td>${user.idType }</td>
<td>${user.idNo }</td>
<td>${user.makeDate }</td>
</tr>
<tr id="message${user.id}" style="display:none">
<td> </td><td> </td><td> </td>
<td colspan="6">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td><input type="button" id="button1${user.id}" style="background-color:#FFFFFF;color:red" value = "基本信息" onclick="click01('basic${user.id}','other${user.id}','button1${user.id}','button2${user.id}');">
<input type="button" id="button2${user.id}" style="background-color:#FFFFFF" value = "详细信息" onclick="click02('basic'+${user.id},'other'+${user.id},'button1${user.id}','button2${user.id}');"><br></td></tr>
<tr>
<td style="background-color:#FFFFFF">
<table id="basic${user.id}" border="1" width="80%" cellpadding="0" cellspacing="0" >
<tr><td>姓名<br></td><td>${user.name }<br></td><td>性别<br></td><td>${user.sex }<br></td></tr>
<tr><td>出生日期<br></td><td colspan="3">${user.birthday }<br></td></tr>
<tr><td>证据类型<br></td><td>${user.idType }<br></td><td>证件号码<br></td><td>${user.idNo }<br></td></tr>
</table>
<table id="other${user.id}" border="1" width="80%" cellpadding="0" cellspacing="0" style="display:none">
<tr><td>联系地址<br></td><td>${user.address }<br></td><td>邮箱编码<br></td><td>${user.zipcode }<br></td></tr>
<tr><td>手机<br></td><td>${user.phone }<br></td><td>电子邮箱<br></td><td>${user.email }<br></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</form>
</div>
</body>
</html>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="com.bjjdsy.demo.entity.User" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" rel="stylesheet" href="./js/calendar.css">
<script type="text/javascript" src="./js/calendar.js"></script>
<script type="text/javascript" src="./js/calendar-zh.js"></script>
<script type="text/javascript" src="./js/calendar-setup.js"></script>
<script type="text/javascript" src="./js/check.js" > </script>
<script type="text/javascript" src="./js/jquery-1.4.3.js" > </script>
<base href="<%=basePath%>">
<title>搜索页面</title>
<script type="text/javascript" src="./js/search.js"> </script>
</head>
<body >
<div style="border: 1px solid #398643;background-color:#f4f4f4;">
<div style="padding-left:380px;padding-top:40px;color:red;font-size:35"><img src="./js/images/word.jpg"/></div>
<form name="f1" action="./search.do" method="post">
<div style="padding-left:120px">
<table border="1" width="80%" cellpadding="0" cellspacing="0" >
<tr>
<td>姓名</td>
<td><input name="name"></td>
<td>性别</td>
<td><select name="sex">
<option >请选择</option>
<option value="男">男</option>
<option value="女">女</option>
</select></td>
<td>出现日期</td>
<td>从<input type="text" id="EntTime1" name="EntTime1" onclick="return showCalendar('EntTime1', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime1', 'y-mm-dd');">
到<input type="text" id="EntTime2" name="EntTime2" onclick="return showCalendar('EntTime2', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime2', 'y-mm-dd');">
</td>
</tr>
<tr>
<td>证件类型</td>
<td><select name="idType">
<option name="idType">
请选择
</option>
<option value="身份证" name="idType">
身份证
</option>
<option value="军官证" name="idType">
军官证
</option>
<option value="护 照" name="idType">
护 照
</option>
<option value="其 他" name="idType">
其 他
</option>
</select></td>
<td>证件号码</td>
<td><input name="idNo"></td>
<td>创建日期</td>
<td>从<input type="text" id="EntTime3" name="EntTime3" onclick="return showCalendar('EntTime3', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime3', 'y-mm-dd');">
到<input type="text" id="EntTime4" name="EntTime4" onclick="return showCalendar('EntTime4', 'y-mm-dd');" />
<input type="button" style="background:url(./js/images/calendar1.jpg) " onclick="return showCalendar('EntTime4', 'y-mm-dd');">
</td>
</tr>
</table>
</div>
<div style="padding-left:750px">
每页显示<input name="pageNum" >项
<input type="submit" value="查询">
<input type="reset" value="清空">
</div>
</form>
<form action="" name="formname" method="post">
<div style="background-color:#f4f4f4;width:80%;padding-left:120px">
<span></span>
<input type="submit" style="border:none" name="update" value="修改" onclick="go('./toUpdate.do')">
<input type="submit" style="border:none" name="delete" value="删除" onclick="go('./delete.do')" >
<input type="submit" style="border:none" name="total" value="统计报表" onclick="go('./getExcel.do')">
</div>
<div style="padding-left:120px">
<table border="1" width="80%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f4">
<thead>
<tr>
<td>序号</td>
<td><input type="checkbox" value="全选" onclick="selectAll()" ></td>
<td> </td>
<td>姓名</td>
<td>性别</td>
<td>出生日期</td>
<td>证据类型</td>
<td>证据号码</td>
<td>创建日期</td>
</tr>
</thead>
<tbody>
<%
int i = 1;
%>
<c:forEach var="user" items="${users}" varStatus="status">
<tr>
<td><%=i++ %></td>
<td><input type="checkbox" name="checkname" value=${user.id }>
</td>
<td align="center" s><span id="see${user.id}" onclick="click03('see${user.id}','message${user.id}')">+</span></td>
<td>${user.name }</td>
<td>${user.sex }</td>
<td>${user.birthday }</td>
<td>${user.idType }</td>
<td>${user.idNo }</td>
<td>${user.makeDate }</td>
</tr>
<tr id="message${user.id}" style="display:none">
<td> </td><td> </td><td> </td>
<td colspan="6">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td><input type="button" id="button1${user.id}" style="background-color:#FFFFFF;color:red" value = "基本信息" onclick="click01('basic${user.id}','other${user.id}','button1${user.id}','button2${user.id}');">
<input type="button" id="button2${user.id}" style="background-color:#FFFFFF" value = "详细信息" onclick="click02('basic'+${user.id},'other'+${user.id},'button1${user.id}','button2${user.id}');"><br></td></tr>
<tr>
<td style="background-color:#FFFFFF">
<table id="basic${user.id}" border="1" width="80%" cellpadding="0" cellspacing="0" >
<tr><td>姓名<br></td><td>${user.name }<br></td><td>性别<br></td><td>${user.sex }<br></td></tr>
<tr><td>出生日期<br></td><td colspan="3">${user.birthday }<br></td></tr>
<tr><td>证据类型<br></td><td>${user.idType }<br></td><td>证件号码<br></td><td>${user.idNo }<br></td></tr>
</table>
<table id="other${user.id}" border="1" width="80%" cellpadding="0" cellspacing="0" style="display:none">
<tr><td>联系地址<br></td><td>${user.address }<br></td><td>邮箱编码<br></td><td>${user.zipcode }<br></td></tr>
<tr><td>手机<br></td><td>${user.phone }<br></td><td>电子邮箱<br></td><td>${user.email }<br></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</form>
</div>
</body>
</html>