<%-- 
  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">&#xe615;</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>
