mirror of
https://github.com/201206030/novel-plus.git
synced 2025-04-26 17:20:52 +00:00
151 lines
5.8 KiB
Java
151 lines
5.8 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" content="小说排行榜,热门小说榜,小说排行榜完结版,完结小说排行榜,完本小说排行榜,最新小说排行榜,网络小说排行榜,排行榜,点击榜,新书榜,推荐榜" />
|
|
<meta name="description" th:content="'最新热门网络小说排行榜,包含各类热门小说榜,小说排行榜上都是受用户喜爱的小说作品,精彩尽在'+${application.website.name}+'。'" />
|
|
<link rel="stylesheet" href="/css/main.css" />
|
|
<link rel="stylesheet" href="/css/book.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div th:replace="common/top :: top('2')">
|
|
</div>
|
|
<div class="main box_center cf mb50">
|
|
<div class="channelRankingContent cf">
|
|
<div class="wrap_left fl">
|
|
<div class="wrap_bg">
|
|
<!--榜单详情 start-->
|
|
<div class="pad20">
|
|
|
|
<div class="book_tit">
|
|
<div class="fl">
|
|
<h3 class="font26 mt5 mb5" id="rankName">点击榜</h3>
|
|
</div>
|
|
<a class="fr"></a>
|
|
</div>
|
|
<div class="updateTable rankTable">
|
|
<table cellpadding="0" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th class="rank">排名</th>
|
|
<th class="style">类别</th>
|
|
<th class="name">书名</th>
|
|
<th class="chapter">最新章节</th>
|
|
<th class="author">作者</th>
|
|
<th class="word">字数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="bookRankList">
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--榜单详情 end-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap_right fr">
|
|
<div class="wrap_inner wrap_right_cont mb20">
|
|
<div class="title cf noborder">
|
|
<h3 class="on">排行榜</h3>
|
|
</div>
|
|
<div class="rightList2">
|
|
<ul id="rankType">
|
|
<li><a class="on" href="javascript:listRank(0)">点击榜</a></li>
|
|
<li><a href="javascript:listRank(1)">新书榜</a></li>
|
|
<li><a href="javascript:listRank(2)">更新榜</a></li>
|
|
<li><a href="javascript:listRank(3)">评论榜</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div th:replace="common/footer :: footer">
|
|
</div>
|
|
<div th:replace="common/js :: js"></div>
|
|
|
|
<script type="text/javascript">
|
|
$("#rankType a").click(function () {
|
|
$("#rankType .on").removeClass("on");
|
|
$(this).addClass("on");
|
|
})
|
|
|
|
var rankType = getSearchString("type");
|
|
if(rankType==undefined){
|
|
rankType=0;
|
|
}else{
|
|
$("#rankType a").eq(rankType).click();
|
|
}
|
|
listRank(rankType);
|
|
|
|
function listRank(rankType){
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/book/listRank",
|
|
data: {'type':rankType,'limit':30},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
var bookRankList = data.data;
|
|
var bookRankListHtml = "";
|
|
for(var i=0;i<bookRankList.length;i++){
|
|
var book = bookRankList[i];
|
|
var classHtml = "";
|
|
if(i<3){
|
|
classHtml="num"+(i+1);
|
|
}
|
|
bookRankListHtml+=("<tr>\n" +
|
|
" <td class=\"rank\"><i class=\""+classHtml+"\">"+(i+1)+"</i></td>\n" +
|
|
" <td class=\"style\"><a href=\"/book/bookclass.html?c="+book.catId+"\" >["+book.catName+"]</a></td>\n" +
|
|
" <td class=\"name\"><a href=\"/book/"+book.id+".html\" >"+book.bookName+"</a></td>\n" +
|
|
" <td class=\"chapter\"><a href=\"/book/"+book.id+".html\" >"+book.lastIndexName+"</a>\n" +
|
|
" </td>\n" +
|
|
" <td class=\"author\"><a href=\"javascript:void(0)\">"+book.authorName+"</a></td>\n" +
|
|
" <td class=\"word\">"+(book.wordCount / 10000).toFixed(2)+"万</td>\n" +
|
|
" </tr>");
|
|
}
|
|
$("#bookRankList").html(bookRankListHtml);
|
|
|
|
} else {
|
|
layer.alert(data.msg);
|
|
}
|
|
|
|
},
|
|
error: function () {
|
|
layer.alert('网络异常');
|
|
}
|
|
})
|
|
switch (rankType) {
|
|
case 0 : {
|
|
$("#rankName").html("点击榜");
|
|
break;
|
|
}
|
|
case 1 : {
|
|
$("#rankName").html("新书榜");
|
|
break;
|
|
}
|
|
case 2 : {
|
|
$("#rankName").html("更新榜");
|
|
break;
|
|
}
|
|
case 3 : {
|
|
$("#rankName").html("评论榜");
|
|
break;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|