|
|
<%--
|
|
|
Created by IntelliJ IDEA.
|
|
|
User: hkw
|
|
|
Date: 2018/10/31
|
|
|
Time: 14:06
|
|
|
To change this template use File | Settings | File Templates.
|
|
|
--%>
|
|
|
|
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" import="com.itheima.po.Dormitory" %>
|
|
|
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!-- 引入JSTL核心标签库，用于循环和条件判断等操作 -->
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<title>后台登录</title> <!-- 页面标题 -->
|
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand"> <!-- 设置页面渲染引擎 -->
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 设置浏览器兼容模式 -->
|
|
|
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> <!-- 设置页面响应式布局 -->
|
|
|
<%--<meta http-equiv="Cache-Control" content="no-siteapp" />--%> <!-- 此标签为注释，防止缓存页面 -->
|
|
|
|
|
|
<link rel="icon" href="/images/favicon.ico" sizes="32x32" /> <!-- 设置网页图标 -->
|
|
|
<link rel="stylesheet" href="./css/font.css"> <!-- 引入字体样式 -->
|
|
|
<link rel="stylesheet" href="./css/xadmin.css"> <!-- 引入后台管理系统样式 -->
|
|
|
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script> <!-- 引入jQuery -->
|
|
|
<script src="lib/layui/layui.js"></script> <!-- 引入layui框架 -->
|
|
|
<script type="text/javascript" src="./js/xadmin.js"></script> <!-- 引入后台管理系统脚本 -->
|
|
|
|
|
|
<style type="text/css">
|
|
|
.layui-table{ text-align: center; } <!-- 设置表格单元格内容居中 -->
|
|
|
.layui-table th{ text-align: center; } <!-- 设置表头内容居中 -->
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="x-nav"> <!-- 页面导航栏 -->
|
|
|
<span class="layui-breadcrumb"> <!-- 面包屑导航 -->
|
|
|
<a href="">首页</a> <!-- 首页链接 -->
|
|
|
<a href="/findDormitoryStudent">人员信息</a> <!-- 人员信息页面链接 -->
|
|
|
</span>
|
|
|
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/findDormitoryStudent" title="刷新"> <!-- 刷新按钮 -->
|
|
|
<i class="layui-icon" style="line-height:30px">ဂ</i></a> <!-- 刷新按钮图标 -->
|
|
|
</div>
|
|
|
|
|
|
<div class="x-body"> <!-- 页面内容 -->
|
|
|
<div class="layui-row"> <!-- 搜索框所在行 -->
|
|
|
<form class="layui-form layui-col-md12 x-so" action="/findDormitoryStudent" > <!-- 搜索表单 -->
|
|
|
<input class="layui-input" placeholder="请输入宿舍编号" name="s_dormitoryid" id="s_dormitoryid"> <!-- 输入框，宿舍编号 -->
|
|
|
<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon"></i></button> <!-- 搜索按钮 -->
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
<%--添加模态框--%>
|
|
|
<div class="layui-row" id="test" style="display: none;"> <!-- 弹出添加表单的隐藏区域 -->
|
|
|
<div class="layui-col-md10"> <!-- 弹出表单的布局 -->
|
|
|
<form class="layui-form" id="addEmployeeForm"> <!-- 添加宿舍表单 -->
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">宿舍编号：</label> <!-- 表单字段标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="s_dormitoryid" class="layui-input" placeholder="请输入宿舍编号"> <!-- 输入框，宿舍编号 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">床位总数：</label> <!-- 表单字段标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="d_bedtotal" class="layui-input" placeholder="请输入床位总数"> <!-- 输入框，床位总数 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">已用床位：</label> <!-- 表单字段标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="d_bed" class="layui-input" placeholder="请输入已用床位"> <!-- 输入框，已用床位 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">管理员：</label> <!-- 表单字段标签 -->
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="a_name" class="layui-input" placeholder="请输入管理员姓名"> <!-- 输入框，管理员姓名 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-input-block">
|
|
|
<button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">提交</button> <!-- 提交按钮 -->
|
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <!-- 重置按钮 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<%--表格数据--%>
|
|
|
<table class="layui-table"> <!-- 表格显示宿舍和学生信息 -->
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th>宿舍编号</th> <!-- 表头，宿舍编号 -->
|
|
|
<th>宿舍楼</th> <!-- 表头，宿舍楼 -->
|
|
|
<th>已用床位</th> <!-- 表头，已用床位 -->
|
|
|
<th>学生姓名</th> <!-- 表头，学生姓名 -->
|
|
|
<th>电话</th> <!-- 表头，电话 -->
|
|
|
<th>班级编号</th> <!-- 表头，班级编号 -->
|
|
|
<th>班级名</th> <!-- 表头，班级名 -->
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<c:forEach items="${ds}" var="d"> <!-- 遍历宿舍信息 -->
|
|
|
<c:set value="${d.students}" var="dd" /> <!-- 设置学生列表为变量dd -->
|
|
|
<c:forEach items="${dd}" var="sd"> <!-- 遍历学生信息 -->
|
|
|
<tr>
|
|
|
<td>${d.s_dormitoryid}</td> <!-- 显示宿舍编号 -->
|
|
|
<td>${d.d_dormbuilding}</td> <!-- 显示宿舍楼 -->
|
|
|
<td>${d.d_bed}</td> <!-- 显示已用床位 -->
|
|
|
<td>${sd.s_name}</td> <!-- 显示学生姓名 -->
|
|
|
<td>${sd.s_phone}</td> <!-- 显示电话 -->
|
|
|
<td>${sd.s_classid}</td> <!-- 显示班级编号 -->
|
|
|
<td>${sd.s_classname}</td> <!-- 显示班级名 -->
|
|
|
</tr>
|
|
|
</c:forEach>
|
|
|
</c:forEach>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
