You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
218 lines
8.9 KiB
218 lines
8.9 KiB
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
pageEncoding="UTF-8"%>
|
|
<%@ page import="com.dao.ArticleDao,com.bean.ArticleBean,com.dao.TypeDao,com.bean.TypeBean,com.dao.TagDao,com.bean.TagBean,java.util.*"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<title>关于${searchcontent}的搜索结果</title>
|
|
<link rel="stylesheet" type="text/css" href="./static/css/semantic.min.css">
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!--导航-->
|
|
<nav class="ui inverted segment m-padded-tb-mini">
|
|
<div class="ui container">
|
|
<form action="SearchBlogServlet" method="post">
|
|
<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="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 class="right m-item item m-mobile-hide">
|
|
<div class="ui icon inverted transparent input">
|
|
<input type="text" name="search" placeholder="搜索"><input type="submit" value="☜(ﾟヮﾟ☜)">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!--中间-->
|
|
<%
|
|
ArticleDao Dao = new ArticleDao();
|
|
String searchcontent = request.getParameter("search");
|
|
request.setAttribute("searchcontent", searchcontent);
|
|
List<ArticleBean> list = Dao.search(searchcontent);
|
|
session.setAttribute("SearchResult", list);
|
|
|
|
TagDao tagDao = new TagDao();
|
|
List<TagBean> lis = tagDao.selectAll();
|
|
session.setAttribute("TagResult", lis);
|
|
|
|
TypeDao typeDao = new TypeDao();
|
|
List<TypeBean> li = typeDao.selectAll();
|
|
session.setAttribute("TypeResult", li);
|
|
|
|
%>
|
|
<div class="m-container m-padded-tb-big">
|
|
<div class="ui container">
|
|
<div class="ui stackable grid">
|
|
<!--left-->
|
|
<div class="eleven wide column">
|
|
<!--header-->
|
|
<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(SearchResult)}</h3>篇
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--中间列表-->
|
|
<div class="ui attached segment">
|
|
<c:forEach items="${SearchResult}" var="searchResult">
|
|
<div class="ui padded vertical segment m-padded-tb-large">
|
|
<div class="ui eleven wide column" >
|
|
|
|
|
|
<h3 class="ui header"><a href="BlogDetailsServlet?articleID=${searchResult.articleID}"><font color="black"><b>${searchResult.articleTitle}</b></font></a></h3>
|
|
<p class="m-text" >
|
|
<div style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
|
|
${searchResult.articleContent}
|
|
</div>
|
|
</p>
|
|
<div class="ui grid">
|
|
<div class="eleven wide column">
|
|
<div class="ui mini horizontal link list">
|
|
<div class="item">
|
|
<img src="./static/images/weixin.jpg" alt="" class="ui avatar image">
|
|
<div class="content">
|
|
<a href="#" class="header">${searchResult.userID}</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
${searchResult.articleTime}
|
|
</div>
|
|
<div class="item">
|
|
2356
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">${searchResult.tag}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
|
|
</div>
|
|
|
|
<!--footer-->
|
|
<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>
|
|
|
|
|
|
<!--右边top-->
|
|
<div class="five wide column">
|
|
<!--分类-->
|
|
<div class="ui segments">
|
|
<div class="ui secondary segment">
|
|
<div class="ui two column grid">
|
|
<div class="column">
|
|
分类
|
|
</div>
|
|
<div class="right aligned column">
|
|
<a href="types.jsp">more </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui teal segment">
|
|
<div class="ui fluid vertical menu">
|
|
<c:forEach items="${TypeResult}" var="Type">
|
|
<a href="#" class="item">
|
|
${Type.typeName}
|
|
<div class="ui teal basic left pointing label">${Type.typeID}</div>
|
|
</a>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--标签-->
|
|
<div class="ui segments m-margin-top-large">
|
|
<div class="ui secondary segment">
|
|
<div class="ui two column grid">
|
|
<div class="column">
|
|
标签
|
|
</div>
|
|
<div class="right aligned column">
|
|
<a href="tags.jsp">more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui teal segment">
|
|
<c:forEach items="${TagResult}" var="Tag">
|
|
<a href="#" class="ui teal basic left pointing label m-margin-tb-tiny">
|
|
${Tag.tagName}
|
|
<div class="detail">${Tag.tagID}</div>
|
|
</a>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
|
|
<!--二维码-->
|
|
<h4 class="ui horizontal divider header m-margin-top-large">扫码关注我</h4>
|
|
<div class="ui centered card" style="width: 11em">
|
|
<img src="./static/images/weixin.jpg" alt="" style="width:11em;" class="ui rounded image">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</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");
|
|
})
|
|
</script>
|
|
|
|
</body>
|
|
</html> |