當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

cms-幻灯片的实现

發布時間：2025/3/14 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 cms-幻灯片的实现小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.其實幻燈片的后臺代碼和之前的最新動態和推薦是一樣的，只是前臺遍歷的時候不一樣罷了

2.代碼：

?2.1：帖子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>

</mapper>

2.2：修改mapper同時修改到接口：

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();
}

2.3.帖子service添加查詢幻燈片的方法：

package com.open1111.service;

import java.util.List;

import com.open1111.entity.Article;

/**
* 帖子Service接口
* @author user
*
*/
public interface ArticleService {

2.4帖子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();
}

}

2.5：在靜態化組件serviceImpl中把幻燈片數據存入application中

package com.open1111.service.impl;

import java.util.List;

import javax.servlet.ServletContext;
import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;

import org.springframework.beans.BeansException;
import org.springframework.context.ApplicationContext;
import org.springframework.context.ApplicationContextAware;
import org.springframework.stereotype.Component;

import com.open1111.entity.ArcType;
import com.open1111.entity.Article;
import com.open1111.entity.Link;
import com.open1111.service.ArcTypeService;
import com.open1111.service.ArticleService;
import com.open1111.service.LinkService;

/**
* 初始化組件
* @author user
*
*/
@Component("initComponet")
public class InitComponet implements ApplicationContextAware,ServletContextListener{

private static ApplicationContext applicationContext;

public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
// TODO Auto-generated method stub
this.applicationContext=applicationContext;
System.out.println(this);
}

/**
* 刷新application緩存方法
* @param application
*/
public void refreshSystem(ServletContext application){
LinkService linkService=(LinkService) applicationContext.getBean("linkService");
List<Link> linkList=linkService.list(null);
application.setAttribute("linkList", linkList);

ArcTypeService arcTypeService=(ArcTypeService) applicationContext.getBean("arcTypeService");
List<ArcType> arcTypeList=arcTypeService.list(null);
application.setAttribute("arcTypeList", arcTypeList);

ArticleService articleService=(ArticleService) applicationContext.getBean("articleService");
List<Article> newestArticleList=articleService.getNewest(); // 獲取最新7條帖子
application.setAttribute("newestArticleList", newestArticleList);

List<Article> recommendArticleList=articleService.getRecommend();
application.setAttribute("recommendArticleList", recommendArticleList);

List<Article> slideArticleList=articleService.getSlide();
application.setAttribute("slideArticleList", slideArticleList);

}

public void contextInitialized(ServletContextEvent sce) {
// TODO Auto-generated method stub
ServletContext application=sce.getServletContext();
refreshSystem(application);
}

public void contextDestroyed(ServletContextEvent sce) {
// TODO Auto-generated method stub

}

}

2.6:在頁面顯示幻燈片效果：

<%@ 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="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="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 class="dataHeader">
Java基礎<span class="more"><a href="/arcType/1.html">更多...</a></span>
</div>
<div class="datas">
<ul>

<li>[11-05]  <a href="/article/72.html"
title="Java基本數據類型-數據類型分類"><font color="">Java基本數據類型-數據類型分類</font></a></li>

<li>[11-05]  <a href="/article/71.html"
title="Java中的關鍵字"><font color="">Java中的關鍵字</font></a></li>

<li>[11-05]  <a href="/article/70.html"
title="Java標識符命名"><font color="">Java標識符命名</font></a></li>

<li>[11-05]  <a href="/article/69.html"
title="java注釋"><font color="">java注釋</font></a></li>

<li>[11-05]  <a href="/article/68.html"
title="Java HelloWorld實現及Java運行原理介紹"><font color="#FF0000">Java
HelloWorld實現及</font></a></li>

<li>[11-05]  <a href="/article/67.html"
title="Java運行環境搭建之Jdk配置"><font color="#FF0000">Java運行環境搭建之Jdk配置</font></a></li>

<li>[11-05]  <a href="/article/66.html"
title="Java簡介"><font color="">Java簡介</font></a></li>

<li>[11-05]  <a href="/article/65.html"
title="Java HelloWorld實現"><font color="">Java
HelloWorld實現</font></a></li>

</ul>
</div>

</div>

<li>[11-28]  <a href="/article/143.html"
title="css 屬性選擇器"><font color="">css 屬性選擇器</font></a></li>

<li>[11-08]  <a href="/article/82.html"
title="HTML文本排版"><font color="">HTML文本排版</font></a></li>

<li>[11-08]  <a href="/article/81.html"
title="HTML入門程序"><font color="">HTML入門程序</font></a></li>

<li>[11-08]  <a href="/article/80.html"
title="Web基礎"><font color="">Web基礎</font></a></li>

</ul>
</div>
</div>

<div class="dataHeader">
Java建站<span class="more"><a href="/arcType/4.html">更多...</a></span>
</div>
<div class="datas">
<ul>

<li>[01-24]  <a href="/article/86.html"
title="做活動，領取百度云搜索引擎V2.0源碼"><font color="#FF0000">做活動，領取百度云搜索引擎V2.0源</font></a></li>

<li>[01-03]  <a href="/article/151.html"
title="Tomcat OutOfMemoryError PermGen space 的解決辦法"><font
color="">Tomcat OutOfMemory</font></a></li>

<li>[12-04]  <a href="/article/147.html"
title="http content-type常見文件格式類型"><font color="">http
content-type常</font></a></li>

<li>[11-09]  <a href="/article/85.html"
title="解決Url帶中文參數亂碼問題"><font color="">解決Url帶中文參數亂碼問題</font></a></li>

<li>[11-09]  <a href="/article/84.html"
title="Tomcat多域名配置"><font color="">Tomcat多域名配置</font></a></li>

<li>[11-06]  <a href="/article/77.html"
title="如何發布Web項目到互聯網"><font color="#FF0000">如何發布Web項目到互聯網</font></a></li>

</ul>
</div>
</div>

</div>

<div class="dataHeader">
Java爬蟲<span class="more"><a href="/arcType/5.html">更多...</a></span>
</div>
<div class="datas">
<ul>

<li>[01-24]  <a href="/article/152.html"
title="做活動，領取Java爬蟲-Java包下載網源碼"><font color="#FF0000">做活動，領取Java爬蟲-Java包</font></a></li>

<li>[11-21]  <a href="/article/140.html"
title="HttpClient HTTP緩存"><font color="">HttpClient
HTTP緩存</font></a></li>

<li>[11-21]  <a href="/article/139.html"
title="HttpClient 響應處理"><font color="">HttpClient
響應處理</font></a></li>

<li>[11-21]  <a href="/article/138.html"
title="Easy to use facade API"><font color="">Easy
to use facade</font></a></li>

<li>[11-20]  <a href="/article/137.html"
title="HttpClient SPNEGO/Kerberos認證"><font color="">HttpClient
SPNEGO/</font></a></li>

<li>[11-20]  <a href="/article/136.html"
title="HttpClient NTLM連接持久性"><font color="">HttpClient
NTLM連接持</font></a></li>

<li>[11-20]  <a href="/article/135.html"
title="HttpClient NTLM認證"><font color="">HttpClient
NTLM認證</font></a></li>

</ul>
</div>
</div>

<div class="dataHeader">
網站SEO<span class="more"><a href="/arcType/6.html">更多...</a></span>
</div>
<div class="datas">
<ul>

<li>[11-08]  <a href="/article/83.html"
title="搜索引擎工作原理大體過程"><font color="">搜索引擎工作原理大體過程</font></a></li>

<li>[11-07]  <a href="/article/79.html"
title="為什么要做SEO"><font color="">為什么要做SEO</font></a></li>

<li>[11-07]  <a href="/article/78.html"
title="什么是SEO"><font color="">什么是SEO</font></a></li>

</ul>
</div>
</div>

<li>[12-18]  <a href="/article/150.html"
title="廣告聯盟推薦-搜狗聯盟"><font color="">廣告聯盟推薦-搜狗聯盟</font></a></li>

<li>[12-18]  <a href="/article/149.html"
title="廣告聯盟推薦-谷歌聯盟"><font color="#FF0000">廣告聯盟推薦-谷歌聯盟</font></a></li>

<li>[12-18]  <a href="/article/148.html"
title="廣告聯盟推薦-百度聯盟"><font color="#FF0000">廣告聯盟推薦-百度聯盟</font></a></li>

<li>[11-19]  <a href="/article/121.html"
title="廣告聯盟推薦-大圣聯盟(安徽)"><font color="">廣告聯盟推薦-大圣聯盟(安徽)</font></a></li>

<li>[11-19]  <a href="/article/120.html"
title="廣告聯盟推薦-百游聯盟"><font color="">廣告聯盟推薦-百游聯盟</font></a></li>

<li>[11-05]  <a href="/article/74.html"
title="廣告聯盟推薦-七七聯盟"><font color="#FF0000">廣告聯盟推薦-七七聯盟</font></a></li>

</ul>
</div>
</div>

</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);
});

</html>

轉載于:https://www.cnblogs.com/csy666/p/6523478.html

總結

以上是生活随笔為你收集整理的cms-幻灯片的实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： readelf源码学习
下一篇： Android AutoFocusCal