mirror of
https://github.com/201206030/novel-plus.git
synced 2025-06-24 04:46:37 +00:00
新增蓝色主题模版
This commit is contained in:
xiongxiaoyang
17
templates/blue/html/404.html
Normal file
17
templates/blue/html/404.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Page Not Found</title>
|
||||
<script>
|
||||
setTimeout(function () {
|
||||
location.href = '/';
|
||||
},3000)
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body style="background: url(/images/404.jpeg) no-repeat;" >
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
5
templates/blue/html/common/footer.html
Normal file
5
templates/blue/html/common/footer.html
Normal file
@ -0,0 +1,5 @@
|
||||
<div th:fragment="footer" class="footer">
|
||||
<div style="display: none"></div>
|
||||
<p><a href="/" rel="index">小说精品屋</a>所有内容使用搜索引擎转码技术抓取自网络，如有侵犯版权，请来信告知，本站立即处理。</p>
|
||||
<p>Copyright © 2019-2020 http://www.java2nb.com All rights reserved.</p>
|
||||
</div>
|
||||
25
templates/blue/html/common/header.html
Normal file
25
templates/blue/html/common/header.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head th:fragment="common_head(title,meta,links,script)">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<title th:replace="${title}">小说精品屋</title>
|
||||
<link rel="stylesheet" href="/css/base.css?v=1"/>
|
||||
<th:block th:replace="${meta}"/>
|
||||
<th:block th:replace="${links}"/>
|
||||
<th:block th:replace="${script}"/>
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?ecc8b50a3122e6d5e09be7a9e5383e07";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
4
templates/blue/html/common/js.html
Normal file
4
templates/blue/html/common/js.html
Normal file
@ -0,0 +1,4 @@
|
||||
<script th:fragment="js" src="/javascript/jquery-1.8.0.min.js" type="text/javascript"></script>
|
||||
<script th:fragment="js" src="/layui/layui.all.js" type="text/javascript"></script>
|
||||
<script th:fragment="js" src="/javascript/header.js" type="text/javascript"></script>
|
||||
<script th:fragment="js" src="/javascript/common.js" type="text/javascript"></script>
|
||||
28
templates/blue/html/common/top.html
Normal file
28
templates/blue/html/common/top.html
Normal file
@ -0,0 +1,28 @@
|
||||
<div th:fragment="top(navType)" class="header">
|
||||
<div class="inner">
|
||||
<div class="logo"><a href="/"><img src="/images/logo.png" alt="小说精品屋"></a></div>
|
||||
<div class="nav">
|
||||
<ul class="clearfix">
|
||||
<li class="on">
|
||||
<a href="/">首页</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/#">书库</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/#">排行</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="search">
|
||||
<form method="get" name="search" action="/#" target="_blank">
|
||||
<input type="text" name="keyword" id="q" placeholder="请输入书名·作者" class="search-key">
|
||||
<button type="submit" class="search-btn" id="search-btn">搜索</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="other">
|
||||
<a class="link-wap" href="/">手机版</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
293
templates/blue/html/index.html
Normal file
293
templates/blue/html/index.html
Normal file
@ -0,0 +1,293 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>小说精品屋无弹窗广告小说免费阅读,值得收藏的小说阅读网 - 小说精品屋</title>
|
||||
<meta name="keywords" content="小说精品屋">
|
||||
<meta name="description"
|
||||
content="小说精品屋致力于提供无弹窗广告小说在线免费阅读,一个值得收藏的小说阅读网。小说精品屋收录了当前最火热的网络小说,免费提供高质量的小说最新章节,小说TXT全文,小说爱好者必备。">
|
||||
<link href="/favicon.ico" rel="shortcut icon">
|
||||
<link href="/css/base.css" rel="stylesheet" type="text/css">
|
||||
<link href="/css/hs13.css" rel="stylesheet" type="text/css">
|
||||
<link href="/layui/css/layui.css" rel="stylesheet" type="text/css">
|
||||
<script src="/javascript/jquery-1.7.2.min.js"></script>
|
||||
<script src="/javascript/function.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--header-->
|
||||
<div th:replace="common/top :: top('0')">
|
||||
</div>
|
||||
<!--/header-->
|
||||
<!--container-->
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="wrap box3 clearfix">
|
||||
<div class="rec-book">
|
||||
<h3>精品推荐</h3>
|
||||
<div id="classicBook" class="carousel">
|
||||
</div>
|
||||
<div class="rec-list">
|
||||
<ul id="classicBooks">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="latest-news">
|
||||
<!--category-->
|
||||
<div class="category">
|
||||
<ul class="clearfix">
|
||||
<li><a href="#" target="_self">玄幻奇幻</a></li>
|
||||
<li><a href="#" target="_self">武侠仙侠</a></li>
|
||||
<li><a href="#" target="_self">都市言情</a></li>
|
||||
<li><a href="#" target="_self">历史军事</a></li>
|
||||
<li><a href="#" target="_self">科幻灵异</a></li>
|
||||
<li><a href="#" target="_self">网游竞技</a></li>
|
||||
<li><a href="#" target="_self">女生频道</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap box3 clearfix">
|
||||
<div class="rec-book">
|
||||
<h3>热门推荐</h3>
|
||||
<div id="hotRecBook" class="carousel">
|
||||
|
||||
</div>
|
||||
<div class="rec-list">
|
||||
<ul class="clearfix" id="hotRecBooks">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="latest-news">
|
||||
<h3>最新新闻</h3>
|
||||
<ul id="indexNews">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/box3-->
|
||||
<!--box4-->
|
||||
<div class="wrap box4 clearfix">
|
||||
<div class="new-book">
|
||||
<h3>最近更新</h3>
|
||||
<!--tab1-->
|
||||
<ul class="clearfix home_cid_list" id="updateRankBooks">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/box4-->
|
||||
<!--box5-->
|
||||
<!--/box5-->
|
||||
<!--friend-link-->
|
||||
<div class="wrap clearfix">
|
||||
<div class="friend-link">
|
||||
<h5>友情链接</h5>
|
||||
<ul class="clearfix" id="friendLink" style="padding: 10px">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/friend-link-->
|
||||
</div>
|
||||
<script src="/javascript/focus.js"></script>
|
||||
<!--/container-->
|
||||
<!--footer-->
|
||||
<div th:replace="common/footer :: footer">
|
||||
</div>
|
||||
<!--/footer-->
|
||||
|
||||
<script type="text/javascript" src="/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="/javascript/bookcase.js"></script>
|
||||
<script type="text/javascript">
|
||||
//搜索输入字符串合法性验证
|
||||
$("#search-btn").on("click", function () {
|
||||
var str = $("#q").val();
|
||||
var ret = /[^\w\u4e00-\u9fa5]/;
|
||||
if (ret.test(str)) {
|
||||
alert("搜索内容不合法");
|
||||
return false;
|
||||
} else if (str === null || str === undefined || str === '') {
|
||||
alert("搜索内容不能为空");
|
||||
return false;
|
||||
} else {
|
||||
return ture;
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
//加载首页书籍设置数据
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/book/listBookSetting",
|
||||
data: {},
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
|
||||
|
||||
//热门推荐
|
||||
var hotRecBooks = data.data[3];
|
||||
var hotRecBooksHtml = "";
|
||||
for (var i = 0; i < hotRecBooks.length; i++) {
|
||||
var hotRecBook = hotRecBooks[i];
|
||||
if(i == 0){
|
||||
$("#hotRecBook").html("<div class=\"carousel-img\">\n" +
|
||||
" <a href=\"/book/"+hotRecBook.bookId+".html\" target=\"_blank\" title=\""+hotRecBook.bookName+"\"><img class=\"lazy\"\n" +
|
||||
" src=\""+hotRecBook.picUrl+"\"\n" +
|
||||
" alt=\""+hotRecBook.bookName+"\"></a>\n" +
|
||||
" </div>\n" +
|
||||
" <ul class=\"carousel-nav\">\n" +
|
||||
" <li >\n" +
|
||||
" <h4><a href=\"#\" target=\"_blank\">"+hotRecBook.bookName+"</a></h4>\n" +
|
||||
" <p class=\"author\">"+hotRecBook.authorName+"</p>\n" +
|
||||
" <p class=\"info\"><span class=\"type\">"+hotRecBook.catName+"</span><span class=\"serial\">连载中</span></p>\n" +
|
||||
" <p class=\"intro\">"+hotRecBook.bookDesc+"</p>\n" +
|
||||
" <a class=\"view\" href=\"#\" target=\"_blank\">小说详情</a>\n" +
|
||||
" </li>\n" +
|
||||
" </ul>");
|
||||
}else{
|
||||
hotRecBooksHtml += ("<li>\n" +
|
||||
" <a class=\"pic\" href=\"#\" target=\"_blank\"><img class=\"lazy\"\n" +
|
||||
" src=\""+hotRecBook.picUrl+"\"\n" +
|
||||
" alt=\""+hotRecBook.bookName+"\"></a>\n" +
|
||||
" <h5 class=\"tit\"><a href=\"#\" target=\"_blank\">"+hotRecBook.bookName+"</a>\n" +
|
||||
" </h5>\n" +
|
||||
" <p class=\"intro\">"+hotRecBook.bookDesc+"</p>\n" +
|
||||
" <p class=\"info\">作者：<span>"+hotRecBook.authorName+"</span><em>"+hotRecBook.catName+"</em></p>\n" +
|
||||
" </li>");
|
||||
}
|
||||
|
||||
}
|
||||
$("#hotRecBooks").html(hotRecBooksHtml);
|
||||
|
||||
//精品推荐
|
||||
var classicBooks = data.data[4];
|
||||
var classicBooksHtml = "";
|
||||
for (var i = 0; i < classicBooks.length; i++) {
|
||||
var classicBook = classicBooks[i];
|
||||
if(i == 0) {
|
||||
$("#classicBook").html("<div class=\"carousel-img\">\n" +
|
||||
" <a href=\"/book/"+classicBook.bookId+".html\" target=\"_blank\" title=\""+classicBook.bookName+"\"><img class=\"lazy\"\n" +
|
||||
" src=\""+classicBook.picUrl+"\"\n" +
|
||||
" alt=\""+classicBook.bookName+"\"></a>\n" +
|
||||
" </div>\n" +
|
||||
" <ul class=\"carousel-nav\">\n" +
|
||||
" <li >\n" +
|
||||
" <h4><a href=\"#\" target=\"_blank\">"+classicBook.bookName+"</a></h4>\n" +
|
||||
" <p class=\"author\">"+classicBook.authorName+"</p>\n" +
|
||||
" <p class=\"info\"><span class=\"type\">"+classicBook.catName+"</span><span class=\"serial\">连载中</span></p>\n" +
|
||||
" <p class=\"intro\">"+classicBook.bookDesc+"</p>\n" +
|
||||
" <a class=\"view\" href=\"#\" target=\"_blank\">小说详情</a>\n" +
|
||||
" </li>\n" +
|
||||
" </ul>");
|
||||
}else{
|
||||
classicBooksHtml += ("<li>\n" +
|
||||
" <a class=\"pic\" href=\"#\" target=\"_blank\"><img class=\"lazy\"\n" +
|
||||
" src=\""+classicBook.picUrl+"\"\n" +
|
||||
" alt=\""+classicBook.bookName+"\"></a>\n" +
|
||||
" <h5 class=\"tit\"><a href=\"#\" target=\"_blank\">"+classicBook.bookName+"</a>\n" +
|
||||
" </h5>\n" +
|
||||
" <p class=\"intro\">"+classicBook.bookDesc+"</p>\n" +
|
||||
" <p class=\"info\">作者：<span>"+classicBook.authorName+"</span><em>"+classicBook.catName+"</em></p>\n" +
|
||||
" </li>");
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
$("#classicBooks").html(classicBooksHtml);
|
||||
|
||||
|
||||
} else {
|
||||
layer.alert(data.msg);
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.alert('网络异常');
|
||||
}
|
||||
})
|
||||
//首页新闻查询
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/news/listByPage",
|
||||
data: {'curr':1,'limit':12},
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
var indexNewsList = data.data.list;
|
||||
var indexNewsHtml = "";
|
||||
for (var i = 0; i < indexNewsList.length; i++) {
|
||||
var indexNews = indexNewsList[i];
|
||||
indexNewsHtml += ("<li><em>"+indexNews.createTime.substring(5,10)+"</em><a href=\"#\"\n" +
|
||||
" target=\"_blank\">"+indexNews.title+"</a></li>");
|
||||
}
|
||||
$("#indexNews").html(indexNewsHtml);
|
||||
} 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 = "";
|
||||
for (var i = 0; i < updateRankBooks.length; i++) {
|
||||
var updateRankBook = updateRankBooks[i];
|
||||
updateRankBookHtml += ("<li>\n" +
|
||||
" <a href=\"#\" target=\"_blank\"><img class=\"lazy\"\n" +
|
||||
" src=\""+updateRankBook.picUrl+"\"\n" +
|
||||
" alt=\""+updateRankBook.bookName+"\"><span>"+updateRankBook.bookName+"</span></a>\n" +
|
||||
" \n" +
|
||||
" </li>");
|
||||
}
|
||||
$("#updateRankBooks").html(updateRankBookHtml);
|
||||
} 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 += ("<li><a target='_blank' href=\""+friendLink.linkUrl+"\">"+friendLink.linkName+"</a></li>");
|
||||
}
|
||||
$("#friendLink").append(friendLinkHtml);
|
||||
} else {
|
||||
layer.alert(data.msg);
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.alert('网络异常');
|
||||
}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
||||
<script src="/layui/lay/modules/layer.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user