信息管理页面

<%@ 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>&nbsp;</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>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</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>

你可能感兴趣的:(JavaScript,java,html,UI,信息搜索管理页面)