<%@ 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>
分享到：
相关推荐
《学生信息管理页面》 学生信息管理系统是教育领域中常用的一种工具，用于高效地管理和维护学生的基本信息。在这个系统中，HTML（超文本标记语言）起到了至关重要的作用，它是网页设计的基础，为用户呈现了直观易用...
【信息管理界面html模板】是一种用于构建网页应用的前端资源，...通过合理的设计和编程，可以极大地提升信息管理的效率，满足企业和个人的日常需求。在学习和使用此类模板时，理解其背后的原理和技术栈是至关重要的。
公告信息管理页面提供的功能操作有：新增收银，查看收银信息，删除收银操作。下图就是收银信息管理页面。 商品类型管理 商品类型管理页面显示所有商品类型，在此页面既可以让管理员添加新的公告信息类型 ，也能对已...
ASP.NET信息管理系统开发实例导航 简介： 本书以多个实用的信息管理系统(包括教务实验课选课系统、电子购物商城、 物业管理系统、图书借阅系统、个人办公系统、公司内部管理系统)为案例，详细讲述了信息管理系统的...
学生信息管理页面，此页面提供给管理员的功能有：学生信息的查询管理，可以删除学生信息、修改学生信息、新增学生信息， 还进行了对用户名称的模糊查询的条件 公司信息管理页面，此页面提供给管理员的功能有：查看...
学生信息管理页面（Manage_students.aspx） 教师信息管理页面（Manage_teachers.aspx） 功能说明： 网站功能有： Modify_scores.aspx文件实现了修改成绩功能 Manage_special.aspx文件实现了专业管理功能 adminpass....
《学生信息管理系统页面设计——构建无框架的网页模板解析》 在信息技术日益发达的今天，学生信息管理系统已经成为了教育机构日常运营的重要工具。本项目名为“学生信息管理系统页面设计”，其核心亮点在于它是一个...
公告信息管理页面提供的功能操作有：新增收银，查看收银信息，删除收银操作。下图就是收银信息管理页面。 商品类型管理 商品类型管理页面显示所有商品类型，在此页面既可以让管理员添加新的公告信息类型 ，也能对已...
公告信息管理页面提供的功能操作有：新增收银，查看收银信息，删除收银操作。 商品类型管理页面显示所有商品类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的商品类型信息执行编辑更新，失效的商品...
球员信息管理页面，此页面提供给管理员的功能有：球员信息的查询管理，可以删除球员信息、修改球员信息、新增球员信息， 还进行了对用户名称的模糊查询的条件 教练信息管理就是教练信息管理页面，此页面提供给管理...
5. **PDF文档**: 压缩包内的"静态网页 学生管理系统 学生信息管理系统 页面设计.pdf"可能是项目的设计草图或详细说明，包含了关于网页布局、功能和交互的详细信息。阅读这份文档可以帮助理解系统的具体实现和设计...
公告信息管理页面提供的功能操作有：新增收银，查看收银信息，删除收银操作。下图就是收银信息管理页面。 商品类型管理页面显示所有商品类型，在此页面既可以让管理员添加新的公告信息类型 ，也能对已有的商品类型...
工作岗位信息管理页面，此页面提供给管理员的功能有：查看已发布的工作岗位信息数据，修改工作岗位信息，工作岗位信息作废，即可删除，还进行了对工作岗位信息名称的模糊查询 工作岗位信息信息的类型查询等等一些...
系统具有界面清晰、操作简单，功能齐全的特点，球员信息管理部分功能模块：如图5.1显示的就是球员信息管理页面，此页面提供给管理员的功能有：球员信息的查询管理，可以删除球员信息、修改球员信息、新增球员信息，...
公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型...
系统具有界面清晰、操作简单，功能齐全的特点，部分功能模块实现：如图5.1显示的就是学生信息管理页面，此页面提供给管理员的功能有：学生信息的查询管理，可以删除学生信息、修改学生信息、新增学生信息，还进行了...