|
|
<%@ page import="java.sql.*" %>
|
|
|
<%@ page import="java.util.*" %>
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
|
<!-- 以上三行为JSP页面指令，用于设置页面属性和导入所需的Java包 -->
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<!-- 设置页面字符编码为UTF-8 -->
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<!-- 兼容IE浏览器 -->
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<!-- 响应式布局的视口设置 -->
|
|
|
<title></title>
|
|
|
<!-- 页面标题为空 -->
|
|
|
<!-- 引入Bootstrap CSS和JS文件 -->
|
|
|
<!-- Bootstrap是一个前端框架，用于快速布局和样式设计 -->
|
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
|
|
<script src="../js/jquery.min.js"></script>
|
|
|
<script src="../js/bootstrap.min.js"></script>
|
|
|
<!-- 引入自定义CSS -->
|
|
|
<link rel="stylesheet" id="templatecss" type="text/css" href="../public/css/message.css">
|
|
|
<!-- 内联样式，设置body的背景色和文字颜色 -->
|
|
|
<style>
|
|
|
body{
|
|
|
background-color:#fff;
|
|
|
color:black;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- jQuery代码，用于初始化Bootstrap的popover插件 -->
|
|
|
<script>
|
|
|
$(function () {
|
|
|
$("[data-toggle='popover']").popover();
|
|
|
});
|
|
|
</script>
|
|
|
<!-- 使用JSP标签引入JavaBean，用于数据库操作 -->
|
|
|
<jsp:useBean id="msg" scope="session" class="javabean.JDBCBean"></jsp:useBean>
|
|
|
<!-- 页面居中显示标题 -->
|
|
|
<div align="center"><h1 style="color:steelblue;font-family:YouYuan;font-weight:900;">读者规则信息查看</h1></div>
|
|
|
<!-- 设置内容上边距，居中显示按钮 -->
|
|
|
<div style="margin-top:5%;" align="center">
|
|
|
<!-- 以下为JSP脚本，用于从数据库查询并展示读者规则信息 -->
|
|
|
<%
|
|
|
String sql = "select * from rules";
|
|
|
// 执行SQL查询
|
|
|
ResultSet rs = msg.executeQuery(sql);
|
|
|
// 遍历查询结果集
|
|
|
while (rs.next()) {
|
|
|
if(Integer.parseInt(rs.getString("ID")) % 2== 1){
|
|
|
%>
|
|
|
<!-- 如果ID为奇数，使用蓝色按钮展示规则信息，并设置popover提示 -->
|
|
|
<button type="button" class="btn btn-lg btn-info" title="可借阅数量：<%=rs.getString("BORROW_NUM") %>" data-html="true"
|
|
|
data-container="body" data-trigger="focus" data-toggle="popover" data-placement="left"
|
|
|
data-content="可借阅天数：<%=rs.getString("LIMIT_DAY") %><br>可借阅图书馆：<%=rs.getString("BORROW_LIBRARY") %><br>过期扣费/天：<%=rs.getString("OVERTIME_FEE") %>" style="width:40%;height:100%;font-size:17px;margin-top:4%;">
|
|
|
|
|
|
借阅证规则编号：<%=rs.getString("ID")%> //设置借阅证规则编号
|
|
|
|
|
|
</button><br><br>
|
|
|
<%
|
|
|
}else{
|
|
|
%>
|
|
|
<!-- 如果ID为偶数，使用蓝色按钮展示规则信息，并设置popover提示 -->
|
|
|
<button type="button" class="btn btn-lg btn-primary" title="可借阅数量：<%=rs.getString("BORROW_NUM") %>" data-html="true"
|
|
|
data-container="body" data-trigger="focus" data-toggle="popover" data-placement="right"
|
|
|
data-content="可借阅天数：<%=rs.getString("LIMIT_DAY") %><br>可借阅图书馆：<%=rs.getString("BORROW_LIBRARY") %><br>过期扣费/天：<%=rs.getString("OVERTIME_FEE") %>" style="width:40%;height:100%;font-size:17px;margin-top:4%;">
|
|
|
|
|
|
借阅证规则编号：<%=rs.getString("ID")%>
|
|
|
|
|
|
</button><br><br>
|
|
|
<%
|
|
|
}
|
|
|
}
|
|
|
%>
|
|
|
<!-- 结束JSP脚本 -->
|
|
|
</div>
|
|
|
</body>
|
|
|
</html> |
