cms-详细页面-1
cms-详细信息页面设计
思路：点击主页面然后查询详细信信，把查询出来的数据放大modelandvie里面，然后返回前台，然后在跳转页面取出来显示；
代码：
mapper：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.open1111.dao.ArticleDao">
<resultMap type="Article" id="ArticleResult">
<result property="id" column="id"/>
<result property="title" column="title"/>
<result property="publishDate" column="publishDate"/>
<result property="content" column="content"/>
<result property="summary" column="summary"/>
<result property="titleColor" column="titleColor"/>
<result property="click" column="click"/>
<result property="isRecommend" column="isRecommend"/>
<result property="isSlide" column="isSlide"/>
<result property="keyWords" column="keyWords"/>
<association property="arcType" column="typeId" select="com.open1111.dao.ArcTypeDao.findById"></association>
</resultMap>
<select id="getNewest" resultMap="ArticleResult">
select * from t_article order by publishDate desc limit 0,7
</select>
<select id="getRecommend" resultMap="ArticleResult">
select * from t_article where isRecommend=1 order by publishDate desc limit 0,7
</select>
<select id="getSlide" resultMap="ArticleResult">
select * from t_article where isSlide=1 order by publishDate desc limit 0,5
</select>
<select id="getIndex" parameterType="Integer" resultMap="ArticleResult">
select * from t_article where typeId=#{typeId} order by publishDate desc limit 0,8
</select>
<select id="findById" parameterType="Integer" resultMap="ArticleResult">
select * from t_article where id=#{id}
</select>
</mapper>
dao：
package com.open1111.dao;
import java.util.List;
import com.open1111.entity.Article;
/**
* 帖子Dao接口
* @author user
*
*/
public interface ArticleDao {
/**
* 获取最新的7条帖子
* @return
*/
public List<Article> getNewest();
/**
* 获取最新7条推荐的帖子
* @return
*/
public List<Article> getRecommend();
/**
* 获取最新5条幻灯的帖子
* @return
*/
public List<Article> getSlide();
/**
* 根据帖子类别来查找最新的8条数据
* @param typeId
* @return
*/
public List<Article> getIndex(Integer typeId);
/**
* 通过id查询帖子
* @param id
* @return
*/
public Article findById(Integer id);
}
service：
package com.open1111.service;
import java.util.List;
import com.open1111.entity.Article;
/**
* 帖子Service接口
* @author user
*
*/
public interface ArticleService {
/**
* 获取最新的7条帖子
* @return
*/
public List<Article> getNewest();
/**
* 获取最新7条推荐的帖子
* @return
*/
public List<Article> getRecommend();
/**
* 获取最新5条幻灯的帖子
* @return
*/
public List<Article> getSlide();
/**
* 根据帖子类别来查找最新的8条数据
* @param typeId
* @return
*/
public List<Article> getIndex(Integer typeId);
/**
* 通过id查询帖子
* @param id
* @return
*/
public Article findById(Integer id);
}
serviceImpl：
package com.open1111.service.impl;
import java.util.List;
import javax.annotation.Resource;
import org.springframework.stereotype.Service;
import com.open1111.dao.ArticleDao;
import com.open1111.entity.Article;
import com.open1111.service.ArticleService;
/**
* 帖子Service实现类
* @author user
*
*/
@Service("articleService")
public class ArticleServiceImpl implements ArticleService{
@Resource
private ArticleDao articleDao;
public List<Article> getNewest() {
return articleDao.getNewest();
}
public List<Article> getRecommend() {
return articleDao.getRecommend();
}
public List<Article> getSlide() {
return articleDao.getSlide();
}
public List<Article> getIndex(Integer typeId) {
return articleDao.getIndex(typeId);
}
public Article findById(Integer id) {
return articleDao.findById(id);
}
}
controller：package com.open1111.controller;
import javax.annotation.Resource;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import com.open1111.entity.Article;
import com.open1111.service.ArticleService;
/**
* 帖子Controller层
* @author user
*
*/
@Controller
@RequestMapping("/article")
public class ArticleController {
@Resource
private ArticleService articleService;
@RequestMapping("/{id}")
public ModelAndView details(@PathVariable("id") Integer id)throws Exception{
ModelAndView mav=new ModelAndView();
Article article=articleService.findById(id);
mav.addObject("article", article);
mav.setViewName("article");
return mav;
}
}
主页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Open1111官方网站 -南通小锋网络科技有限公司</title>
<META NAME="Author" CONTENT="Java1234_小锋老师">
<meta name="keywords"
content="Java内容管理系统,JavaCMS,Java开源,Java爬虫,JavaSEO,Java CMS" />
<meta name="description"
content="Open1111专注于研发Java建站,Java爬虫,JavaSEO教程.传授广大学员用Java技术来实现互联网资源的搬运,整合汇聚互联网资源建站,顺便获取一些搬运费补贴家用." />
<link rel="stylesheet"
href="${pageContext.request.contextPath}/static/css/open1111.css">
<script src="${pageContext.request.contextPath}/static/js/jQuery.js"></script>
</head>
<body>
<jsp:include page="/common/head.jsp"></jsp:include>
<jsp:include page="/common/menu.jsp"></jsp:include>
<div class="content">
<div class="w960">
<div class="left">
<DIV style="width: 330px; height: 228px;" class="tuhuo">
<A href="" target="_blank"><IMG
style="width: 330px; height: 208px;" id="fou_img" src=""></A>
<c:forEach var="article" items="${slideArticleList }">
<A
href="${pageContext.request.contextPath}/article/${article.id}.html">
<IMG style="display: none;" class="tu_img"
src="${pageContext.request.contextPath}/static/userImages/${article.slideImage}"
width="330" height="208" />
</A>
</c:forEach>
<c:forEach var="article" items="${slideArticleList }">
<P style="height: 20px;" class="tc">
<A
href="${pageContext.request.contextPath}/article/${article.id}.html"
target="_blank" title="${article.title }">${fn:substring(article.title,0,18) }</A>
</P>
</c:forEach>
<UL>
<LI class="fouce">1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
</UL>
</DIV>
</div>
<div class="middle">
<div class="data_list">
<div class="dataHeader">最近更新</div>
<div class="datas">
<ul>
<c:forEach var="article" items="${newestArticleList }">
<li><a target="_blank"
href="${pageContext.request.contextPath}/article/${article.id}.html"
title="${article.title }">[<fmt:formatDate
value="${article.publishDate }" pattern="MM-dd" />] <font
color="${article.titleColor }">${fn:substring(article.title,0,20) }</font></a></li>
</c:forEach>
</ul>
</div>
</div>
</div>
<div class="right">
<div class="data_list">
<div class="dataHeader">站长推荐</div>
<div class="datas">
<ul>
<c:forEach var="article" items="${recommendArticleList }">
<li><a target="_blank"
href="${pageContext.request.contextPath}/article/${article.id}.html"
title="${article.title }"><font
color="${article.titleColor }">${fn:substring(article.title,0,16) }</font></a></li>
</c:forEach>
</ul>
</div>
</div>
</div>
</div>
<c:forEach var="subIndexArticleList" items="${allIndexArticleList }" varStatus="allStatus">
<c:if test="${allStatus.index%3==0 }">
<div class="w960 article_row">
</c:if>
<c:forEach var="indexArticle" items="${subIndexArticleList}" varStatus="oneStatus">
<c:if test="${oneStatus.first }">
<c:choose>
<c:when test="${allStatus.index%3==0 }">
<div class="data_list article_list">
</c:when>
<c:otherwise>
<div class="data_list article_list" style="margin-left: 12px">
</c:otherwise>
</c:choose>
<div class="dataHeader">
${arcTypeList.get(allStatus.index).typeName}<span class="more"><a href="${pageContext.request.contextPath}/arcType/${arcTypeList.get(allStatus.index).id}.html">更多...</a></span>
</div>
<div class="datas">
<ul>
</c:if>
<li>[<fmt:formatDate value="${indexArticle.publishDate }" pattern="MM-dd" />] <a target="_blank" href="${pageContext.request.contextPath}/article/${indexArticle.id }.html"
title="${indexArticle.title }"><font color="${indexArticle.titleColor }">${fn:substring(indexArticle.title,0,18) }</font></a></li>
<c:if test="${oneStatus.last }">
</ul>
</div>
</div>
</c:if>
</c:forEach>
<c:if test="${allStatus.index%3==2 || allStatus.last}">
</div>
</c:if>
</c:forEach>
</div>
<jsp:include page="/common/link.jsp"></jsp:include>
<jsp:include page="/common/foot.jsp"></jsp:include>
</body>
<script type="text/javascript">
var auto;
var index = 0;
$('.tuhuo ul li').hover(function() {
clearTimeout(auto);
index = $(this).index();
move(index);
}, function() {
auto = setTimeout('autogo(' + index + ')', 3000);
});
function autogo() {
if (index < 3) {
move(index);
index++;
} else {
index = 0;
move(index);
index++;
}
}
function move(l) {
var src = $('.tu_img').eq(index).attr('src');
$("#fou_img").css({
"opacity" : "0"
});
$('#fou_img').attr('src', src);
$('#fou_img').stop(true).animate({
opacity : '1'
}, 1000);
$('.tuhuo ul li').removeClass('fouce');
$('.tuhuo ul li').eq(index).addClass('fouce');
$('.tuhuo p').hide();
$('.tuhuo p').eq(index).show();
var ao = $('.tuhuo p').eq(index).children('a').attr('href');
$('#fou_img').parent('a').attr("href", ao);
}
autogo();
setInterval('autogo()', 3000);
</script>
</html>
目标页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${article.title }_Open1111官方网站 -南通小锋网络科技有限公司</title>
<META NAME="Author" CONTENT="Java1234_小锋老师">
<meta name="keywords"
content="${article.keyWords }" />
<meta name="description"
content="${article.summary }" />
<link rel="stylesheet"
href="${pageContext.request.contextPath}/static/css/open1111.css">
<script src="${pageContext.request.contextPath}/static/js/jQuery.js"></script>
</head>
<body>
<jsp:include page="/common/head.jsp"></jsp:include>
<jsp:include page="/common/menu.jsp"></jsp:include>
<div class="content">
<div class="w960">
<div class="pLeft">
<div class="article_title"><h2><strong>${article.title }</strong></h2></div>
<div class="article_content">
${article.content }
</div>
</div>
<div class="pRight">
</div>
</div>
</div>
<jsp:include page="/common/foot.jsp"></jsp:include>
</body>
</html>
