mirror of
https://github.com/201206030/novel-plus.git
synced 2025-04-26 17:20:52 +00:00
542 lines
24 KiB
Java
542 lines
24 KiB
Java
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head th:replace="common/header :: common_head(~{::title},~{::meta},~{::link},~{})">
|
|
<title th:text="${application.website.name}+'_原创小说网站'"></title>
|
|
<meta name="keywords" th:content="${application.website.keyword}"/>
|
|
<meta name="description"
|
|
th:content="${application.website.description}"/>
|
|
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon"/>
|
|
<link href="favicon.ico" type="image/x-icon" rel="Bookmark"/>
|
|
<link rel="stylesheet" href="/css/main.css"/>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div th:replace="common/top :: top('0')">
|
|
</div>
|
|
|
|
<div class="main box_center cf">
|
|
<div class="channelWrap channelBanner cf">
|
|
<div class="leftBox">
|
|
<div class="sliderContent">
|
|
<dl class="scBigImg" id="carouseBig">
|
|
</dl>
|
|
<div class="scSmallImg" id="carouseSmall">
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="hot_articles">
|
|
<dl class="hot_recommend" id="topBooks1">
|
|
</dl>
|
|
<dl class="hot_recommend" id="topBooks2">
|
|
</dl>
|
|
<dl class="hot_notice" id="indexNews">
|
|
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="rightBox">
|
|
<div class="title cf" id="weekcommend">
|
|
<h3>本周强推</h3>
|
|
</div>
|
|
<div class="rightList">
|
|
<ul id="currentWeek">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="channelWrap channelPic cf">
|
|
<div class="leftBox">
|
|
<div class="title">
|
|
<h2 class="on">热门推荐</h2>
|
|
</div>
|
|
<div class="picRecommend cf" id="hotRecBooks">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div id="bookrank1_ShowBookRank">
|
|
<div class="rightBox ">
|
|
<div class="title cf">
|
|
<h3 class="on">点击榜单</h3>
|
|
</div>
|
|
<div class="rightList">
|
|
<ul id="clickRankBooks">
|
|
|
|
|
|
</ul>
|
|
<div class="more"><a href="/book/book_ranking.html">查看更多></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="channelWrap channelPic cf">
|
|
<div class="leftBox">
|
|
<div class="title">
|
|
<h2>精品推荐</h2>
|
|
</div>
|
|
<div class="picRecommend cf" id="classicBooks">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div id="bookrank2_ShowBookRank">
|
|
<div class="rightBox ">
|
|
<div class="title cf">
|
|
<h3 class="on">新书榜单</h3>
|
|
</div>
|
|
<div class="rightList">
|
|
<ul id="newRankBooks">
|
|
|
|
|
|
</ul>
|
|
<div class="more"><a href="/book/book_ranking.html?type=1">查看更多></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="channelWrap channelTable cf">
|
|
<div class="leftBox">
|
|
<div class="title">
|
|
<h2>最新更新</h2>
|
|
</div>
|
|
<div class="updateTable">
|
|
<table cellpadding="0" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th class="style">类别</th>
|
|
<th class="name">书名</th>
|
|
<th class="chapter">最新章节</th>
|
|
<th class="author">作者</th>
|
|
<th class="time">更新时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="newRankBooks2">
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="bookrank5_ShowBookRank">
|
|
<div class="rightBox mb20">
|
|
<div class="title cf">
|
|
<h3 class="on">更新榜单</h3>
|
|
</div>
|
|
<div class="rightList">
|
|
<ul id="updateRankBooks">
|
|
|
|
|
|
</ul>
|
|
<div class="more"><a href="/book/book_ranking.html?type=2">查看更多></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="friend_link" >
|
|
<div class="box_center cf" id="friendLink">
|
|
<span>友情链接：</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div th:replace="common/footer :: footer">
|
|
</div>
|
|
|
|
|
|
</body>
|
|
<div th:replace="common/js :: js"></div>
|
|
<script language="javascript" type="text/javascript">
|
|
$(function () {
|
|
//加载首页书籍设置数据
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/book/listBookSetting",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
|
|
//轮播图设置
|
|
var carouselBooks = data.data[0];
|
|
var carouseBigHtml = "";
|
|
var carouseSmallHtml = "";
|
|
for (var i = 0; i < carouselBooks.length; i++) {
|
|
var carouselBook = carouselBooks[i];
|
|
var classHtml = "";
|
|
if (i == 0) {
|
|
classHtml = "on";
|
|
}
|
|
carouseBigHtml += ("<dd class=\"" + classHtml + "\"><a href=\"/book/"+carouselBook.bookId+".html\">" +
|
|
"<img src=\"" + carouselBook.picUrl + "\" alt=\"" + carouselBook.bookName + "\"/></a></dd>");
|
|
|
|
carouseSmallHtml += " <li class=\"" + classHtml + "\">" +
|
|
"<img src=\"" + carouselBook.picUrl + "\" alt=\"" + carouselBook.bookName + "\"/></li>";
|
|
|
|
|
|
}
|
|
$("#carouseBig").html(carouseBigHtml);
|
|
$("#carouseSmall").html(carouseSmallHtml);
|
|
var $div = $('.scBigImg dl');//放置大图容器
|
|
var $nav = $('.scSmallImg li');//放置缩略图容器
|
|
var num = -1;
|
|
var open;
|
|
|
|
function changeKv() {
|
|
if (num >= $nav.length - 1) {
|
|
num = 0;
|
|
} else {
|
|
num++;
|
|
}
|
|
$nav.eq(num).trigger('mouseenter');
|
|
open = setTimeout(changeKv, 3000);
|
|
}
|
|
|
|
changeKv();
|
|
$nav.each(function (index) {
|
|
$(this).off('mouseenter').on('mouseenter', function () {
|
|
clearTimeout(open);
|
|
|
|
$(this).addClass('on').siblings().removeClass('on');
|
|
$('.scBigImg dd').eq(index).addClass('on').siblings().removeClass('on');
|
|
$('.scSmallImg').off('mouseleave').on('mouseleave', function () {
|
|
num = index;
|
|
setTimeout(function () {
|
|
changeKv();
|
|
}, 3000)
|
|
})
|
|
});
|
|
});
|
|
$div.each(function (index) {
|
|
$(this).off('mouseenter').on('mouseenter', function () {
|
|
clearTimeout(open);
|
|
});
|
|
});
|
|
//顶部小说栏设置
|
|
var topBooks = data.data[1];
|
|
var topBooks1Html = "";
|
|
var topBooks2Html = "";
|
|
for (var i = 0; i < topBooks.length; i++) {
|
|
var toBook = topBooks[i];
|
|
if (i < 5) {
|
|
if (i == 0) {
|
|
topBooks1Html += "<dt>";
|
|
} else if (i % 2 == 1) {
|
|
topBooks1Html += "<dd>";
|
|
}
|
|
topBooks1Html += ("<a href=\"book/"+toBook.bookId+".html\">" + toBook.bookName + "</a>");
|
|
if (i == 0) {
|
|
topBooks1Html += "</dt>";
|
|
} else if (i % 2 == 0) {
|
|
topBooks1Html += "</dd>";
|
|
}
|
|
|
|
} else {
|
|
if (i == 5) {
|
|
topBooks2Html += "<dt>";
|
|
} else if (i % 2 == 0) {
|
|
topBooks2Html += "<dd>";
|
|
}
|
|
topBooks2Html += ("<a href=\"book/"+toBook.bookId+".html\">" + toBook.bookName + "</a>");
|
|
if (i == 5) {
|
|
topBooks2Html += "</dt>";
|
|
} else if (i % 2 == 1) {
|
|
topBooks2Html += "</dd>";
|
|
}
|
|
|
|
}
|
|
}
|
|
$("#topBooks1").html(topBooks1Html);
|
|
$("#topBooks2").html(topBooks2Html);
|
|
|
|
//本周强推
|
|
var rightListBooks = data.data[2];
|
|
var rightListBooksHtml = "";
|
|
for (var i = 0; i < rightListBooks.length; i++) {
|
|
var rightListBook = rightListBooks[i];
|
|
var classHtml = "";
|
|
if (i == 0) {
|
|
classHtml = "on";
|
|
}
|
|
if (i < 3) {
|
|
classHtml += (" num" + (i + 1));
|
|
}
|
|
rightListBooksHtml += ("<li class=\"" + classHtml + "\">\n" +
|
|
" <div class=\"book_name\"><i>" + (i + 1) + "</i><a class=\"name\" href=\"/book/"+rightListBook.bookId+".html\">" + rightListBook.bookName + "</a></div>\n" +
|
|
" <div class=\"book_intro\">\n" +
|
|
" <div class=\"cover\"><a href=\"/book/"+rightListBook.bookId+".html\"><img\n" +
|
|
" src=\"" + rightListBook.picUrl + "\" alt=\"" + rightListBook.bookName + "\"/></a>\n" +
|
|
" </div>\n" +
|
|
" <a class=\"txt\" href=\"/book/"+rightListBook.bookId+".html\">" + rightListBook.bookDesc + "</a>\n" +
|
|
" </div>\n" +
|
|
" </li>");
|
|
}
|
|
$("#currentWeek").html(rightListBooksHtml);
|
|
|
|
//热门推荐
|
|
var hotRecBooks = data.data[3];
|
|
var hotRecBooksHtml = "";
|
|
for (var i = 0; i < hotRecBooks.length; i++) {
|
|
var hotRecBook = hotRecBooks[i];
|
|
hotRecBooksHtml += (" <div class=\"itemsList\">\n" +
|
|
" <a class=\"items_img\" href=\"/book/"+hotRecBook.bookId+".html\">\n" +
|
|
" <img src=\"" + hotRecBook.picUrl + "\" alt=\"" + hotRecBook.bookName + "\"/>\n" +
|
|
" </a>\n" +
|
|
" <div class=\"items_txt\">\n" +
|
|
" <h4><a href=\"/book/"+hotRecBook.bookId+".html\">" + hotRecBook.bookName + "</a></h4>\n" +
|
|
" <p class=\"author\"><a href=\"javascript:void(0)\">作者：" + hotRecBook.authorName + "</a></p>\n" +
|
|
" <p class=\"intro\"><a href=\"/book/"+hotRecBook.bookId+".html\">" + hotRecBook.bookDesc + "</a>\n" +
|
|
" </p>\n" +
|
|
" </div>\n" +
|
|
" </div>");
|
|
}
|
|
$("#hotRecBooks").html(hotRecBooksHtml);
|
|
|
|
//精品推荐
|
|
var classicBooks = data.data[4];
|
|
var classicBooksHtml = "";
|
|
for (var i = 0; i < classicBooks.length; i++) {
|
|
var classicBook = classicBooks[i];
|
|
classicBooksHtml += (" <div class=\"itemsList\">\n" +
|
|
" <a class=\"items_img\" href=\"/book/"+classicBook.bookId+".html\">\n" +
|
|
" <img src=\"" + classicBook.picUrl + "\" alt=\"" + classicBook.bookName + "\"/>\n" +
|
|
" </a>\n" +
|
|
" <div class=\"items_txt\">\n" +
|
|
" <h4><a href=\"/book/"+classicBook.bookId+".html\">" + classicBook.bookName + "</a></h4>\n" +
|
|
" <p class=\"author\"><a href=\"javascript:void(0)\">作者：" + classicBook.authorName + "</a></p>\n" +
|
|
" <p class=\"intro\"><a href=\"/book/"+classicBook.bookId+".html\">" + classicBook.bookDesc + "</a>\n" +
|
|
" </p>\n" +
|
|
" </div>\n" +
|
|
" </div>");
|
|
|
|
}
|
|
$("#classicBooks").html(classicBooksHtml);
|
|
|
|
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
//首页新闻查询
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/news/listIndexNews",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var indexNewsList = data.data;
|
|
var indexNewsHtml = "";
|
|
for (var i = 0; i < indexNewsList.length; i++) {
|
|
var indexNews = indexNewsList[i];
|
|
indexNewsHtml += ("<dd style=\"text-align:left;\"><span>[" + indexNews.catName + "]</span><a\n" +
|
|
" href=\"/about/newsInfo-"+indexNews.id+".html\">" + indexNews.title + "</a>\n" +
|
|
" </dd>");
|
|
}
|
|
$("#indexNews").html(indexNewsHtml);
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
|
|
|
|
//点击榜单数据查询
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/book/listClickRank",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var clickRankBooks = data.data;
|
|
var clickRankBooksHtml = "";
|
|
for (var i = 0; i < clickRankBooks.length; i++) {
|
|
var classHtml = "";
|
|
if (i == 0) {
|
|
classHtml = "on";
|
|
}
|
|
if (i < 3) {
|
|
classHtml += (" num" + (i + 1));
|
|
}
|
|
var clickRankBook = clickRankBooks[i];
|
|
clickRankBooksHtml += ("<li class=\"" + classHtml + "\">\n" +
|
|
" <div class=\"book_name\">\n" +
|
|
" <i>" + (i + 1) + "</i><a class=\"name\" href=\"/book/"+clickRankBook.id+".html\">" + clickRankBook.bookName + "</a>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"book_intro\">\n" +
|
|
" <div class=\"cover\">\n" +
|
|
" <a href=\"book/"+clickRankBook.id+".html\"><img src=\"" + clickRankBook.picUrl + "\"\n" +
|
|
" alt=\"" + clickRankBook.bookName + "\"/></a>\n" +
|
|
" </div>\n" +
|
|
" <a class=\"txt\" href=\"/book/"+clickRankBook.id+".html\">" + clickRankBook.bookDesc + "</a>\n" +
|
|
" </div>\n" +
|
|
"\n" +
|
|
" </li>");
|
|
}
|
|
$("#clickRankBooks").html(clickRankBooksHtml);
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
//新书榜单查询
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/book/listNewRank",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var newRankBooks = data.data;
|
|
var newRankBooksHtml = "";
|
|
for (var i = 0; i < newRankBooks.length; i++) {
|
|
var classHtml = "";
|
|
if (i == 0) {
|
|
classHtml = "on";
|
|
}
|
|
if (i < 3) {
|
|
classHtml += (" num" + (i + 1));
|
|
}
|
|
var newRankBook = newRankBooks[i];
|
|
newRankBooksHtml += ("<li class=\"" + classHtml + "\">\n" +
|
|
" <div class=\"book_name\">\n" +
|
|
" <i>" + (i + 1) + "</i><a class=\"name\" href=\"/book/"+newRankBook.id+".html\">" + newRankBook.bookName + "</a>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"book_intro\">\n" +
|
|
" <div class=\"cover\">\n" +
|
|
" <a href=\"book/"+newRankBook.id+".html\"><img\n" +
|
|
" src=\"" + newRankBook.picUrl + "\"\n" +
|
|
" alt=\"" + newRankBook.bookName + "\"/></a>\n" +
|
|
" </div>\n" +
|
|
" <a class=\"txt\" href=\"/book/"+newRankBook.id+".html\">" + newRankBook.bookDesc + "</a>\n" +
|
|
" </div>\n" +
|
|
"\n" +
|
|
" </li>");
|
|
}
|
|
$("#newRankBooks").html(newRankBooksHtml);
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
//更新榜单查询
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/book/listUpdateRank",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var updateRankBooks = data.data;
|
|
var updateRankBookHtml = "";
|
|
var updateRankBookHtml2 = "";
|
|
for (var i = 0; i < updateRankBooks.length; i++) {
|
|
var classHtml = "";
|
|
if (i == 0) {
|
|
classHtml = "on";
|
|
}
|
|
if (i < 3) {
|
|
classHtml += (" num" + (i + 1));
|
|
}
|
|
var updateRankBook = updateRankBooks[i];
|
|
if (i < 10) {
|
|
updateRankBookHtml += ("<li class=\"" + classHtml + "\">\n" +
|
|
" <div class=\"book_name\">\n" +
|
|
" <i>" + (i + 1) + "</i><a class=\"name\" href=\"/book/"+updateRankBook.id+".html\">" + updateRankBook.bookName + "</a>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"book_intro\">\n" +
|
|
" <div class=\"cover\">\n" +
|
|
" <a href=\"book/"+updateRankBook.id+".html\"><img\n" +
|
|
" src=\"" + updateRankBook.picUrl + "\"\n" +
|
|
" alt=\"" + updateRankBook.bookName + "\"/></a>\n" +
|
|
" </div>\n" +
|
|
" <a class=\"txt\" href=\"/book/"+updateRankBook.id+".html\">" + updateRankBook.bookDesc + "</a>\n" +
|
|
" </div>\n" +
|
|
"\n" +
|
|
" </li>");
|
|
}
|
|
updateRankBookHtml2 += ("<tr>\n" +
|
|
" <td class=\"style\"><a href=\"book/bookclass.html?c="+updateRankBook.catId+"\">[" + updateRankBook.catName + "]</a></td>\n" +
|
|
" <td class=\"name\"><a href=\"/book/"+updateRankBook.id+".html\">" + updateRankBook.bookName + "</a></td>\n" +
|
|
" <td class=\"chapter\"><a href=\"/book/"+updateRankBook.id+".html\">" + updateRankBook.lastIndexName + "</a>\n" +
|
|
" <i class=\"\"></i>\n" +
|
|
" </td>\n" +
|
|
" <td class=\"author\"><a href=\"javascript:void(0)\">" + updateRankBook.authorName + "</a></td>\n" +
|
|
" <td class=\"time\">" + updateRankBook.lastIndexUpdateTime + "</td>\n" +
|
|
" </tr>");
|
|
}
|
|
$("#updateRankBooks").html(updateRankBookHtml);
|
|
$("#newRankBooks2").html(updateRankBookHtml2);
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
}
|
|
,
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
//友情链接查询
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/friendLink/listIndexLink",
|
|
data: {},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var friendLinkList = data.data;
|
|
var friendLinkHtml = "";
|
|
for (var i = 0; i < friendLinkList.length; i++) {
|
|
var friendLink = friendLinkList[i];
|
|
friendLinkHtml += ("<a target='_blank' href=\""+friendLink.linkUrl+"\">"+friendLink.linkName+"</a>");
|
|
}
|
|
$("#friendLink").append(friendLinkHtml);
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
$("#weekcommend h3").mouseover(function () {
|
|
$("#weekcommend h3").removeClass("on");
|
|
$(this).addClass("on");
|
|
if ($(this).attr("class").indexOf("fr") >= 0) {
|
|
$("#currentWeek").hide();
|
|
$("#currentPreWeek").show();
|
|
} else {
|
|
$("#currentPreWeek").hide();
|
|
$("#currentWeek").show();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</html> |