<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2020/2/20
  Time: 17:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--
设置该JSP页面的相关属性。
contentType属性指定了页面响应的内容类型为"text/html"（即HTML格式），同时将字符编码设置为UTF-8，这样能保证页面中的中文等特殊字符可以正确显示，避免出现乱码情况。
language属性表明该页面使用Java语言来编写服务器端的代码逻辑（例如使用Java代码片段或者基于Java的标签库等）。
-->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--
引入JSTL（JavaServer Pages Standard Tag Library）的核心标签库，设置前缀为“c”。通过这个标签库，我们可以在JSP页面中方便地使用如条件判断、循环遍历等功能，实现更灵活的页面逻辑控制。
    -->
    <html>
    <head>
    <!--
    设置页面的标题，这个标题通常会显示在浏览器的标签页上，用于标识当前页面的主题内容，此处标题暂设置为“Title”，实际应用中可根据具体需求修改为更有意义的标题内容。
    -->
    <title>Title</title>
    <!--
    引入Bootstrap框架的CSS样式文件，通过EL表达式 "${pageContext.request.contextPath}/css/bootstrap.css" 来指定样式文件的路径。
    "${pageContext.request.contextPath}" 会获取当前Web应用的上下文路径（即项目部署后的根路径部分），然后拼接上相对路径 "/css/bootstrap.css"，这样就能准确地找到并应用Bootstrap框架提供的样式，使页面具有相应的布局和外观效果。
    -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css">
    <!--
    引入jQuery库的JavaScript文件，路径同样通过EL表达式 "${pageContext.request.contextPath}/js/jquery-3.1.1.js" 来确定，将其引入到页面中使得可以使用jQuery提供的各种强大的DOM操作、事件处理、AJAX等功能，方便开发页面交互效果。
    -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.1.1.js"></script>
    <!--
    引入Bootstrap框架配套的JavaScript文件，通过 "${pageContext.request.contextPath}/js/bootstrap.js" 路径进行引入，这个文件包含了Bootstrap框架中各种组件（如模态框、下拉菜单等）所依赖的JavaScript交互逻辑，与前面引入的Bootstrap的CSS样式文件配合使用，让页面能完整地展现出Bootstrap框架的功能和效果。
    -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
    <!--
    引入layer弹出层插件的JavaScript文件，其路径为 "${pageContext.request.contextPath}/layer/layer.js"，layer插件常用于在页面中创建各种美观且交互友好的弹出层效果，比如提示框、确认框、加载层等，增强页面的用户交互体验。
    -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/layer/layer.js"></script>
    </head>
    <body>
    <!--
    HTML中的换行标签，在这里单纯起到在页面内容开始处添加一个空行的作用，使页面布局看起来更加清晰，避免内容过于紧凑在顶部，主要是从视觉美观角度考虑的一个简单元素。
    -->
    <br />
    <!--
    创建一个HTML的表单（form）元素，表单常用于收集用户输入的数据并提交到服务器端进行处理，不过在当前代码中，暂时未看到设置表单提交相关的属性（如action属性指定提交的URL等），可能后续根据具体需求还会完善这部分功能，或者仅用于展示已有数据的布局结构。
    -->
    <form>
    <!--
    创建一个表格（table）元素，并应用Bootstrap框架的 "table" 样式类，通过设置 "style="width: 100%;text-align: center;" 内联样式，将表格宽度设置为占满整个父容器（一般就是页面宽度），同时让表格内的文本内容在水平方向上居中显示，使表格呈现出整齐、美观的布局效果，用于展示宿舍相关信息。
    -->
    <table class="table" style="width: 100%;text-align: center;">
    <tbody>
    <!--
    创建表格中的一行（tr）元素，用于放置宿舍号相关的信息单元格。
    -->
    <tr>
    <!--
    创建一个单元格（td）元素，设置样式 "text-align: center" 使其内部文本在水平方向上居中显示，在这个单元格内放置一个<label>标签用于显示“宿舍号”的文本提示信息，告知用户该列对应的内容含义。
    -->
    <td style="text-align: center"><label>宿舍号</label></td>
    <!--
    创建一个跨3列的单元格（通过设置 "colspan="3"" 属性），用于显示宿舍号的具体值，这里通过EL表达式 "${dorm.dorm_id}" 从服务器端传递过来的数据模型（名为 "dorm" 的对象）中获取宿舍号属性的值并展示在页面上，让用户可以看到具体的宿舍号信息。
    -->
    <td colspan="3" style="text-align: center">${dorm.dorm_id}</td>
    </tr>
    <!--
    创建表格中的另一行（tr）元素，用于放置宿舍简介相关的信息单元格。
    -->
    <tr>
    <!--
    创建一个单元格（td）元素，设置样式使其内部文本居中，放置一个<label>标签显示“宿舍简介”的提示文本，用于说明该列展示的内容是宿舍的简介信息。
    -->
    <td style="text-align: center"><label>宿舍简介</label></td>
    <!--
    创建一个跨3列的单元格，通过EL表达式 "${dorm.dorm_intro}" 从服务器端数据模型中获取宿舍简介的内容并展示出来，让用户了解该宿舍的相关介绍信息，同样设置文本居中显示的样式。
    -->
    <td colspan="3" style="text-align: center">${dorm.dorm_intro}</td>
    </tr>
    <!--
    创建表格中的又一行（tr）元素，用于放置宿舍奖惩相关的信息单元格。
    -->
    <tr>
    <!--
    创建一个单元格（td）元素，设置文本居中样式，放置一个<label>标签显示“宿舍奖惩”的提示文本，表明该列展示的是宿舍在奖惩方面的情况。
    -->
    <td style="text-align: center">
    <label>宿舍奖惩</label>
    </td>
    <!--
    创建一个跨3列的单元格，通过EL表达式 "${dorm.dorm_rps}" 从服务器端数据模型获取宿舍奖惩的相关内容并展示在页面上，方便用户知晓该宿舍在奖惩方面的记录情况，设置文本居中样式。
    -->
    <td colspan="3" style="text-align: center">${dorm.dorm_rps}</td>
    </tr>
    <!--
    创建表格中的一行（tr）元素，用于放置宿舍长相关的信息单元格。
    -->
    <tr>
    <!--
    创建一个单元格（td）元素，设置文本居中样式，放置一个<label>标签显示“宿舍长”的提示文本，用于提示该列展示的是宿舍长的相关信息。
    -->
    <td style="text-align: center">
    <label>宿舍长</label>
    </td>
    <!--
    创建一个跨3列的单元格，通过EL表达式 "${dorm.dorm_leader}" 从服务器端数据模型获取宿舍长的相关信息（可能是姓名等具体内容）并展示出来，让用户知道该宿舍的宿舍长是谁，设置文本居中样式。
    -->
    <td colspan="3" style="text-align: center">${dorm.dorm_leader}</td>
    </tr>
    <!--
    创建表格中的一行（tr）元素，用于放置育人导师相关的信息单元格。
    -->
    <tr>
    <!--
    创建一个单元格（td）元素，设置文本居中样式，放置一个<label>标签显示“育人导师”的提示文本，表明该列展示的是育人导师的相关信息。
    -->
    <td style="text-align: center"><label>育人导师</label></td>
    <!--
    创建一个跨3列的单元格，通过EL表达式 "${dorm.teacher}" 从服务器端数据模型获取育人导师的相关信息（比如姓名等）并展示出来，方便用户了解该宿舍对应的育人导师是谁，设置文本居中样式。
    -->
    <td colspan="3" style="text-align: center">${dorm.teacher}</td>
    </tr>
    <!--
    使用JSTL的<if条件判断标签，判断当前会话（session）范围中名为 "adminInfo" 的对象的 "power" 属性值是否等于1（可能表示管理员具备某种特定权限），如果满足条件，则执行标签内部的代码，展示一个“去修改”的按钮链接，用于跳转到修改宿舍信息的页面。
        -->
        <c:if test="${sessionScope.adminInfo.power == 1}">
            <tr>
                <!--
创建一个跨4列的单元格（通过设置 "colspan="4"" 属性），在这个单元格内创建一个超链接（a）元素，并应用Bootstrap框架的 "btn btn-warning" 样式类，使其显示为一个具有警告颜色（通常是黄色等醒目颜色）的按钮样式，
href属性通过EL表达式 "${pageContext.request.contextPath}/dorm/toUpdate?id=${dorm.id}" 设置链接的目标URL，其中 "${pageContext.request.contextPath}/dorm/toUpdate" 指向用于进入修改宿舍信息页面的服务器端接口路径，"id=${dorm.id}" 表示将当前宿舍的ID作为参数传递过去，方便服务器端根据这个ID获取对应的宿舍信息进行修改操作，整体实现点击按钮跳转到修改页面的功能。
                        -->
                <td colspan="4"><a class="btn btn-warning" href="${pageContext.request.contextPath}/dorm/toUpdate?id=${dorm.id}">去修改</a></td>
            </tr>
        </c:if>
        </tbody>
        </table>
        </form>
        </body>
        </html>