|
|
<%@ page import="java.util.Vector"%>
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%>
|
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
|
<%@ page import="com.dao.MessageDao,com.bean.MessageBean,java.util.*"%>
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
|
<title>留言板</title>
|
|
|
<link rel="stylesheet" type="text/css" href="./static/css/semantic.min.css">
|
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
|
</head>
|
|
|
<script type="text/javascript">
|
|
|
function validate() {
|
|
|
var content = document.getElementById("content");
|
|
|
if (content.value == "") {
|
|
|
alert("请输入留言！");
|
|
|
content.focus();
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
</script>
|
|
|
<body>
|
|
|
<%
|
|
|
MessageDao messageDao = new MessageDao();
|
|
|
List<MessageBean> list = messageDao.selectAll();
|
|
|
session.setAttribute("MessageResult", list);
|
|
|
%>
|
|
|
<!--导航-->
|
|
|
<nav class="ui inverted segment m-padded-tb-mini m-shadow-small">
|
|
|
<div class="ui container">
|
|
|
<div class="ui inverted secondary stackable menu">
|
|
|
<h2 class="ui teal header item">Blog</h2>
|
|
|
<a href="index.jsp" class="m-item item m-mobile-hide">首页</a>
|
|
|
<a href="Blog.jsp" class="m-item item m-mobile-hide">博客</a>
|
|
|
<a href="types.jsp" class="m-item item m-mobile-hide">分类</a>
|
|
|
<a href="tags.jsp" class="m-item item m-mobile-hide">标签</a>
|
|
|
<!-- <a href="PersonalCenter.jsp" class="m-item item m-mobile-hide">归档</a> -->
|
|
|
<a href="MessageBoard.jsp" class="active m-item item m-mobile-hide">留言板</a>
|
|
|
<a href="MyCenter.jsp" class="m-item item m-mobile-hide">我的</a>
|
|
|
<a href="PublishArticle.jsp" class="m-item item m-mobile-hide">发表博客</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</nav>
|
|
|
<!--中间-->
|
|
|
<p align="center">
|
|
|
<font color="red">${tip}</font>
|
|
|
</p>
|
|
|
<div class="m-container m-padded-tb-big">
|
|
|
<form action="MessageServlet" method="post" onsubmit="return validate()">
|
|
|
<div class="ui container">
|
|
|
<!--header-->
|
|
|
<div class="ui top attached padded segment">
|
|
|
|
|
|
<div class="ui middle aligned two column grid">
|
|
|
<div >
|
|
|
<p><textarea id="content" name="content" rows="5" cols="132" placeholder="请输入留言"></textarea></p>
|
|
|
<input type="submit" value="提 交">
|
|
|
<input type="reset" value="重 置">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ui top attached segment">
|
|
|
<div class="ui middle aligned two column grid">
|
|
|
<div class="column">
|
|
|
<h3 class="ui teal header">留言内容</h3>
|
|
|
</div>
|
|
|
<div class="right aligned column">
|
|
|
共
|
|
|
<h3 class="ui orange header m-inline-block m-text-thin">${fn:length(MessageResult)}</h3>
|
|
|
条留言
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- items 用于接收集合对象，var 定义对象接收从集合里遍历出的每一个元素。同时其会自动转型 -->
|
|
|
<c:forEach items="${MessageResult}" var="message">
|
|
|
<div class="ui fluid vertical menu">
|
|
|
<a href="#" target="_blank" class="item">
|
|
|
<span>
|
|
|
${message.messageContent}
|
|
|
<div class="ui teal basic left pointing label m-padded-mini ">${message.messageTime}</div>
|
|
|
</span>
|
|
|
<div class="ui orange basic left pointing label m-padded-mini ">${message.userID}</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
</c:forEach>
|
|
|
<div class="ui bottom attached segment">
|
|
|
<div class="ui middle aligned two column grid">
|
|
|
<div class="column">
|
|
|
<a href="#" class="ui mini teal basic button">上一页</a>
|
|
|
</div>
|
|
|
<div class="right aligned column">
|
|
|
<a href="#" class="ui mini teal basic button">下一页</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<!--底部-->
|
|
|
<footer class="ui inverted vertical segment m-padded-tb-massive">
|
|
|
<div class="ui center aligned container">
|
|
|
<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright ©
|
|
|
IT博客欢迎您</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="static/js/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="static/js/semantic.min.js"></script>
|
|
|
|
|
|
<script>
|
|
|
$(".m-mobile-show").click(function() {
|
|
|
$(".m-item").toggleClass("m-mobile-hide");
|
|
|
});
|
|
|
$(".qq").popup();
|
|
|
$(".wechat").popup({
|
|
|
popup : $(".wechat-qr.popup"),
|
|
|
//on:'click',
|
|
|
position : 'bottom center'
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html> |
