|
|
<%@ page import="java.sql.*" %> <!-- 导入Java SQL包，用于数据库操作 -->
|
|
|
<%@ page import="java.util.*" %> <!-- 导入Java工具包，包含日期时间类等 -->
|
|
|
<%@ page import="javabean.DateTime"%> <!-- 导入自定义的DateTime类 -->
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%> <!-- 设置页面语言为Java，内容类型和字符编码为UTF-8 -->
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- 定义HTML文档类型 -->
|
|
|
<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文件 -->
|
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
|
|
<!-- jQuery库，Bootstrap的所有JavaScript插件都依赖jQuery，所以必须放在前边 -->
|
|
|
|
|
|
<!-- 自定义CSS文件 -->
|
|
|
<link rel="stylesheet" id="templatecss" type="text/css" href="../public/css/message.css">
|
|
|
<style type="text/css">
|
|
|
.text-dark{
|
|
|
color:black; <!-- 设置文本颜色为黑色 -->
|
|
|
font-family:YouYuan; <!-- 设置字体为YouYuan -->
|
|
|
}
|
|
|
body{
|
|
|
background-color:#fff; <!-- 设置背景颜色为白色 -->
|
|
|
font-size:16px; <!-- 设置字体大小为16px -->
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<jsp:useBean id="msg" scope="session" class="javabean.JDBCBean"></jsp:useBean> <!-- 使用JSP标签声明一个JavaBean对象，ID为msg，作用域为session，类为javabean.JDBCBean -->
|
|
|
<div align="center"><h3 style="color:#F08080;">☆★留言板★☆</h3></div> <!-- 居中显示标题，标题颜色为粉红色 -->
|
|
|
<%
|
|
|
String sql = "select CARD_ID,DETAIL,PUBLIC_DATE from message order by PUBLIC_DATE desc"; //<!-- SQL查询语句，选择CARD_ID、DETAIL和PUBLIC_DATE字段，按PUBLIC_DATE降序排列 -->
|
|
|
|
|
|
ResultSet rs = msg.executeQuery(sql); //<!-- 执行SQL查询，返回结果集 -->
|
|
|
|
|
|
while (rs.next()) { //<!-- 遍历结果集 -->
|
|
|
%>
|
|
|
<div class="panel panel-default" style="width:60%;height:80%; margin-left:20%;"> <!-- 创建一个面板，宽度60%，高度80%，左边距20% -->
|
|
|
<div class="panel-body" align="center"> <!-- 面板主体部分，内容居中 -->
|
|
|
<p class="bg-info text-dark"><%=rs.getString("CARD_ID")%></p> <!-- 显示CARD_ID字段的值，背景色为蓝色，文本颜色为黑色 -->
|
|
|
<div style="word-wrap:break-word;"><p class="bg-warning text-dark"><%=rs.getString("DETAIL")%></p></div> <!-- 显示DETAIL字段的值，自动换行，背景色为黄色，文本颜色为黑色 -->
|
|
|
<p class="bg-danger text-dark"><%=rs.getString("PUBLIC_DATE")%></p> <!-- 显示PUBLIC_DATE字段的值，背景色为红色，文本颜色为黑色 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<hr> <!-- 水平线分隔符 -->
|
|
|
<%
|
|
|
}
|
|
|
%>
|
|
|
</body>
|
|
|
</html>
|
