perf: 更新爬虫管理系统主题颜色

This commit is contained in:
xiongxiaoyang 2023-10-15 17:54:44 +08:00
parent f6d66e69fb
commit a55f456b3d
6 changed files with 1623 additions and 353 deletions

File diff suppressed because it is too large Load Diff

View File

@ -1,100 +1,511 @@
@charset "utf-8";
.updateTable .style a { color:#999 }
.updateTable .author a { color:#999; cursor:text }
.bind, .updateTable .style a:hover { color:#f65167 }
.userBox { /*width: 998px; border: 1px solid #eaeaea;*/ margin:0 auto 50px; background: #fff; border-radius: 6px }
.channelViewhistory .userBox { margin: 0 auto }
.user_l { width:350px; float:left; padding:50px 50px }
.user_l h3 { font-size:23px; font-weight:normal; line-height:1; text-align: center }
.user_l #LabErr { color:#ff4040; display:block; height:40px; line-height:40px; text-align: center; font-size: 14px }
.user_l .log_list { width:350px }
.user_l .s_input { margin-bottom:25px; font-size:14px }
.s_input { width:348px; height:30px; line-height:38px\9; vertical-align:middle; border:1px solid #ddd; border-radius:2px }
.icon_name, .icon_key, .icon_code { width:312px; padding-left:36px}
.icon_key { background-position: 13px -51px }
.icon_code { background-position: 13px -117px; width:200px; float:left }
.code_pic { height:38px; float:right }
.btn_phone { height:40px; width:100px; float:right; cursor:pointer; padding:0; text-align:center; border-radius:2px; background:#dfdfdf }
.log_code { *padding-bottom:25px }
.user_l .btn_red { width:100%; font-size:19px; padding:12px }
.autologin { color:#999; line-height:1; margin-bottom:18px }
.autologin em { vertical-align:2px; margin-left:4px }
.user_r { width:259px; margin:80px 0; padding:20px 70px; border-left:1px dotted #e3e3e3; float:right; text-align:center }
.user_r .tit { font-size:16px; line-height:1; padding: 6px 0 25px }
.user_r .btn_ora { padding:10px 34px }
.fast_login { padding:60px 0 0 }
.fast_list { text-align:center; padding:0.5rem }
.fast_list li { display:inline-block; *display:inline; zoom:1 }
.fast_list li .img { width:48px; height:48px; margin:20px 0 5px }
.fast_list li a:hover { opacity:0.8; filter: alpha(opacity=80); -moz-opacity: 0.8 }
.fast_list li span { display:block }
.fast_list .login_qq { margin:0 42px }
.fast_list .login_wb a { color:#f55c5b }
.fast_list .login_qq a { color:#51b7ff }
.fast_list .login_wx a { color:#66d65e }
.fast_tit { position:relative; overflow:hidden }
.fast_tit .lines { position:absolute; top:50%; left:0; width:100%; height:1px; line-height:1; background:#eaeaea }
.fast_tit .title { background:#fff; font-size:16px; padding:3px 14px; position:relative; display:inline-block; z-index:999 }
/*userinfo*/
.my_l { width:198px; float:left; font-size: 13px; padding-top: 20px; }
.my_l li a { display:block; height:42px; line-height:42px; padding-left:62px; border-left:4px solid #fff; margin-bottom:5px; color: #666 }
.my_l li .on { background-color:#fafafa; border-left:2px solid #f80; color:#000; border-radius: 0 2px 2px 0 }
.my_l .link_1 { background-position:32px -188px }
.my_l .link_2 { background-position:32px -230px }
.my_l .link_3 { background-position:32px -272px }
.my_l .link_4 { background-position:32px -314px }
.my_l .link_5 { background-position:32px -356px }
.my_l .link_6 { background-position:32px -397px }
.my_l .link_7 { background-position:32px -440px }
.my_l .link_8 { background-position:32px -481px }
.my_r { width:739px; padding:0 30px 30px; float:right; border-left:1px solid #efefef; min-height:470px }
.my_info { padding:30px 0 5px }
.user_big_head { /*width:110px; height:110px; padding:4px; border:1px solid #eaeaea;*/ margin-right:30px; float:left; width: 80px;
height: 80px;
border-radius: 50%; }
.my_r .my_name { font-size:18px; line-height:1; padding:5px 0 12px 0 }
.my_r .s_input { width:318px; padding:0 10px }
.my_list li { line-height:28px }
.my_list li i, .my_list li em.red { margin-right:6px }
.my_list .binded { color:#999; margin-left:6px }
.my_list .btn_link { margin-left:12px }
.mytab_list li { line-height:30px; padding:10px 0; font-size:14px }
.mytab_list li .tit { width:70px; color: #aaa; text-align:right; display:inline-block; margin-right:18px }
.mytab_list .user_img { width:48px; height:48px; vertical-align:middle; border-radius:50% }
.my_bookshelf .title { padding:20px 0 15px; line-height:30px }
.my_bookshelf h4 { font-size:14px; color:#666 }
.my_bookshelf h2 { font-size:18px; font-weight:normal }
.updateTable { width: 739px; color: #999 }
.updateTable table { width: 100%; margin-bottom:14px }
.updateTable th, .updateTable td { height: 40px; line-height: 40px; vertical-align: middle; padding-left: 6px; font-weight:normal; text-align:left }
.updateTable th { background:#f9f9f9; color:#333; border-top:1px solid #eee }
.updateTable td { height:40px; line-height:40px }
.updateTable .style { width:80px; padding-left:10px }
.updateTable .name { width: 178px; padding-right: 10px }
.updateTable .name a, .updateTable .chapter a { max-width: 168px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.updateTable .chapter { padding-right: 5px }
.updateTable .chapter a { max-width:220px; float: left }
.updateTable .author { width: 72px; text-align: left }
.updateTable .goread { width: 80px; text-align:center }
.updateTable .time { width: 86px }
.updateTable .word { width: 64px; padding-right:10px; text-align: right }
.updateTable .rank { width: 30px; padding-right:10px; text-align: center }
.updateTable .name a, .updateTable .chapter a, .updateTable .author a { height: 40px; line-height: 40px; display: inline-block; overflow: hidden }
.updateTable tr:nth-child(2n) td { background:#fafafa }
.dataTable { width: 739px }
.dataTable table { width: 100%; margin-bottom:14px; border-collapse:collapse }
.dataTable th, .dataTable td { height: 40px; line-height: 40px; vertical-align: middle; padding:0 10px; font-weight:normal; text-align:center; border:1px solid #eaeaea }
.dataTable th { background:#f8f8f8 }
.nodate { border-top: 1px solid #eaeaea; padding:60px 0 }
.viewhistoryBox { /*padding: 0 30px 30px; */ padding: 0 20px 10px }
.viewhistoryBox .updateTable { width:100% }
/*.btn_gray, .btn_red, .btn_ora { font-size:14px; padding:8px 28px }*/
.book_tit { height: 48px; line-height:48px; margin: 0 14px; border-bottom: 1px solid #eaeaea; overflow:hidden }
.book_tit .fl { font-size:14px; color:#999 }
.book_tit .fl h3 { font-size:18px; color:#333; font-weight:normal; margin-right:5px; display:inline }
.book_tit .fr { font-size:14px }
.updateTable .style a {
color: #999
}
.updateTable .author a {
color: #999;
cursor: text
}
.bind, .updateTable .style a:hover {
color: #f65167
}
.userBox { /*width: 998px; border: 1px solid #eaeaea;*/
margin: 0 auto 50px;
background: #fff;
border-radius: 6px
}
.channelViewhistory .userBox {
margin: 0 auto
}
.user_l {
width: 350px;
float: left;
padding: 50px 50px
}
.user_l h3 {
font-size: 23px;
font-weight: normal;
line-height: 1;
text-align: center
}
.user_l #LabErr {
color: #ff4040;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px
}
.user_l .log_list {
width: 350px
}
.user_l .s_input {
margin-bottom: 25px;
font-size: 14px
}
.s_input {
width: 348px;
height: 30px;
line-height: 38px \9;
vertical-align: middle;
border: 1px solid #ddd;
border-radius: 2px
}
.icon_name, .icon_key, .icon_code {
width: 312px;
padding-left: 36px
}
.icon_key {
background-position: 13px -51px
}
.icon_code {
background-position: 13px -117px;
width: 200px;
float: left
}
.code_pic {
height: 38px;
float: right
}
.btn_phone {
height: 40px;
width: 100px;
float: right;
cursor: pointer;
padding: 0;
text-align: center;
border-radius: 2px;
background: #dfdfdf
}
.log_code {
*padding-bottom: 25px
}
.user_l .btn_red {
width: 100%;
font-size: 19px;
padding: 12px
}
.autologin {
color: #999;
line-height: 1;
margin-bottom: 18px
}
.autologin em {
vertical-align: 2px;
margin-left: 4px
}
.user_r {
width: 259px;
margin: 80px 0;
padding: 20px 70px;
border-left: 1px dotted #e3e3e3;
float: right;
text-align: center
}
.user_r .tit {
font-size: 16px;
line-height: 1;
padding: 6px 0 25px
}
.user_r .btn_ora {
padding: 10px 34px
}
.fast_login {
padding: 60px 0 0
}
.fast_list {
text-align: center;
padding: 0.5rem
}
.fast_list li {
display: inline-block;
*display: inline;
zoom: 1
}
.fast_list li .img {
width: 48px;
height: 48px;
margin: 20px 0 5px
}
.fast_list li a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8
}
.fast_list li span {
display: block
}
.fast_list .login_qq {
margin: 0 42px
}
.fast_list .login_wb a {
color: #f55c5b
}
.fast_list .login_qq a {
color: #51b7ff
}
.fast_list .login_wx a {
color: #66d65e
}
.fast_tit {
position: relative;
overflow: hidden
}
.fast_tit .lines {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
line-height: 1;
background: #eaeaea
}
.fast_tit .title {
background: #fff;
font-size: 16px;
padding: 3px 14px;
position: relative;
display: inline-block;
z-index: 999
}
/*userinfo*/
.my_l {
width: 198px;
float: left;
font-size: 13px;
padding-top: 20px;
}
.my_l li a {
display: block;
height: 42px;
line-height: 42px;
padding-left: 62px;
border-left: 4px solid #fff;
margin-bottom: 5px;
color: #666
}
.my_l li .on {
background-color: #fafafa;
border-left: 2px solid #3eaf7c;
color: #000;
border-radius: 0 2px 2px 0
}
.my_l .link_1 {
background-position: 32px -188px
}
.my_l .link_2 {
background-position: 32px -230px
}
.my_l .link_3 {
background-position: 32px -272px
}
.my_l .link_4 {
background-position: 32px -314px
}
.my_l .link_5 {
background-position: 32px -356px
}
.my_l .link_6 {
background-position: 32px -397px
}
.my_l .link_7 {
background-position: 32px -440px
}
.my_l .link_8 {
background-position: 32px -481px
}
.my_r {
width: 739px;
padding: 0 30px 30px;
float: right;
border-left: 1px solid #efefef;
min-height: 470px
}
.my_info {
padding: 30px 0 5px
}
.user_big_head { /*width:110px; height:110px; padding:4px; border:1px solid #eaeaea;*/
margin-right: 30px;
float: left;
width: 80px;
height: 80px;
border-radius: 50%;
}
.my_r .my_name {
font-size: 18px;
line-height: 1;
padding: 5px 0 12px 0
}
.my_r .s_input {
width: 318px;
padding: 0 10px
}
.my_list li {
line-height: 28px
}
.my_list li i, .my_list li em.red {
margin-right: 6px
}
.my_list .binded {
color: #999;
margin-left: 6px
}
.my_list .btn_link {
margin-left: 12px
}
.mytab_list li {
line-height: 30px;
padding: 10px 0;
font-size: 14px
}
.mytab_list li .tit {
width: 70px;
color: #aaa;
text-align: right;
display: inline-block;
margin-right: 18px
}
.mytab_list .user_img {
width: 48px;
height: 48px;
vertical-align: middle;
border-radius: 50%
}
.my_bookshelf .title {
padding: 20px 0 15px;
line-height: 30px
}
.my_bookshelf h4 {
font-size: 14px;
color: #666
}
.my_bookshelf h2 {
font-size: 18px;
font-weight: normal
}
.updateTable {
width: 739px;
color: #999
}
.updateTable table {
width: 100%;
margin-bottom: 14px
}
.updateTable th, .updateTable td {
height: 40px;
line-height: 40px;
vertical-align: middle;
padding-left: 6px;
font-weight: normal;
text-align: left
}
.updateTable th {
background: #f9f9f9;
color: #333;
border-top: 1px solid #eee
}
.updateTable td {
height: 40px;
line-height: 40px
}
.updateTable .style {
width: 80px;
padding-left: 10px
}
.updateTable .name {
width: 178px;
padding-right: 10px
}
.updateTable .name a, .updateTable .chapter a {
max-width: 168px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.updateTable .chapter {
padding-right: 5px
}
.updateTable .chapter a {
max-width: 220px;
float: left
}
.updateTable .author {
width: 72px;
text-align: left
}
.updateTable .goread {
width: 80px;
text-align: center
}
.updateTable .time {
width: 86px
}
.updateTable .word {
width: 64px;
padding-right: 10px;
text-align: right
}
.updateTable .rank {
width: 30px;
padding-right: 10px;
text-align: center
}
.updateTable .name a, .updateTable .chapter a, .updateTable .author a {
height: 40px;
line-height: 40px;
display: inline-block;
overflow: hidden
}
.updateTable tr:nth-child(2n) td {
background: #fafafa
}
.dataTable {
width: 739px
}
.dataTable table {
width: 100%;
margin-bottom: 14px;
border-collapse: collapse
}
.dataTable th, .dataTable td {
height: 40px;
line-height: 40px;
vertical-align: middle;
padding: 0 10px;
font-weight: normal;
text-align: center;
border: 1px solid #eaeaea
}
.dataTable th {
background: #f8f8f8
}
.nodate {
border-top: 1px solid #eaeaea;
padding: 60px 0
}
.viewhistoryBox { /*padding: 0 30px 30px; */
padding: 0 20px 10px
}
.viewhistoryBox .updateTable {
width: 100%
}
/*.btn_gray, .btn_red, .btn_ora { font-size:14px; padding:8px 28px }*/
.book_tit {
height: 48px;
line-height: 48px;
margin: 0 14px;
border-bottom: 1px solid #eaeaea;
overflow: hidden
}
.book_tit .fl {
font-size: 14px;
color: #999
}
.book_tit .fl h3 {
font-size: 18px;
color: #333;
font-weight: normal;
margin-right: 5px;
display: inline
}
.book_tit .fr {
font-size: 14px
}
.commentBar, .feedback_list {
border-top: 1px solid #eee;
margin-bottom: 15px
}
.commentBar, .feedback_list { border-top:1px solid #eee; margin-bottom:15px }
/*.comment_list { padding: 16px 0; border-bottom: 1px solid #eee }
.comment_list .user_head { width:54px; height:54px; border-radius:50%; float: left; margin-right: 14px }
.comment_list .li_1 { overflow: hidden }
@ -105,33 +516,128 @@
.comment_list .num { color: #ed4259; margin: 0 3px }
.comment_list .li_4 { line-height:34px; padding-top:8px; margin-top:15px; border-top:1px solid #eaeaea }
.comment_list .li_4 .more { background:#f7f7f7; border-radius:2px; color:#ed4259; text-align:center }*/
.no_contet { padding:190px 0 40px; text-align:center; color:#999; border-top:1px solid #eee }
.no_comment { background:url(../images/no_comment.png) no-repeat center 80px }
.no_contet {
padding: 190px 0 40px;
text-align: center;
color: #999;
border-top: 1px solid #eee
}
.no_comment {
background: url(../images/no_comment.png) no-repeat center 80px
}
.comment_list {
padding: 20px 0;
border-bottom: 1px solid #eee
}
.comment_list:last-child {
border: none
}
.comment_list .user_heads { /*width: 54px; height: 54px; float: left;*/
position: relative;
margin-right: 20px
}
.comment_list .user_head {
width: 50px;
height: 50px;
border-radius: 50%;
background: #f6f6f6
}
.comment_list .user_heads span {
display: block;
margin: 0;
position: absolute;
left: 12px;
bottom: 0
}
.comment_list ul { /*width: 640px;*/
width: 660px;
}
.comment_list .li_0 {
font-family: "宋体"
}
.comment_list .li_0 strong {
font-size: 14px;
color: #f00
}
.comment_list .li_1 {
overflow: hidden
}
.comment_list .user_name {
color: #ed4259
}
.comment_list .li_2 {
padding: 6px 0
}
.comment_list .li_3 {
color: #999
}
.comment_list .reply {
padding-left: 12px
}
.comment_list .num {
color: #ed4259;
margin: 0 3px
}
.comment_list .li_4 {
line-height: 34px;
padding-top: 8px;
margin-top: 15px;
border-top: 1px solid #eaeaea
}
.pl_bar li {
display: block
}
.pl_bar .name {
color: #666;
padding-top: 2px;
font-size: 14px
}
.pl_bar .dec {
font-size: 14px;
line-height: 1.8;
padding: 12px 0
}
.pl_bar .other {
line-height: 24px;
color: #999;
font-size: 13px
}
.pl_bar .other a {
display: inline-block;
color: #999
}
.pl_bar .reply {
padding-left: 22px;
background: url(../images/icon_reply.png) no-repeat 0 2px
}
.comment_list { padding: 20px 0; border-bottom: 1px solid #eee }
.comment_list:last-child { border: none }
.comment_list .user_heads { /*width: 54px; height: 54px; float: left;*/ position:relative; margin-right: 20px }
.comment_list .user_head { width: 50px; height: 50px; border-radius: 50%; background: #f6f6f6 }
.comment_list .user_heads span { display: block; margin: 0; position: absolute; left: 12px; bottom: 0 }
.comment_list ul { /*width: 640px;*/ width: 660px; }
.comment_list .li_0 { font-family: "宋体" }
.comment_list .li_0 strong { font-size: 14px; color: #f00 }
.comment_list .li_1 { overflow: hidden }
.comment_list .user_name { color: #ed4259 }
.comment_list .li_2 { padding: 6px 0 }
.comment_list .li_3 { color: #999 }
.comment_list .reply { padding-left: 12px }
.comment_list .num { color: #ed4259; margin: 0 3px }
.comment_list .li_4 { line-height: 34px; padding-top: 8px; margin-top: 15px; border-top: 1px solid #eaeaea }
.pl_bar li { display: block }
.pl_bar .name { color: #666; padding-top: 2px; font-size: 14px }
.pl_bar .dec { font-size: 14px; line-height: 1.8; padding: 12px 0 }
.pl_bar .other { line-height: 24px; color: #999; font-size: 13px }
.pl_bar .other a { display: inline-block; color: #999 }
.pl_bar .reply { padding-left: 22px; background: url(../images/icon_reply.png) no-repeat 0 2px }
/*.no_comment { padding: 70px 14px 115px; color: #CCCCCC; text-align: center; font-size: 14px; }*/
.reply_bar {
background: #f9f9f9;
border: 1px solid #eee; border-radius: 6px;
border: 1px solid #eee;
border-radius: 6px;
padding: 10px;
line-height: 1.8;}
line-height: 1.8;
}

View File

@ -457,8 +457,8 @@ html #layuicss-layer {
}
.layui-layer-btn .layui-layer-btn0 {
border-color: #f70;
background-color: #f70;
border-color: #3eaf7c;
background-color: #3eaf7c;
color: #fff
}

View File

@ -1,5 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!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>
<head>
@ -7,16 +7,17 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>爬虫管理系统-小说精品屋</title>
<link rel="stylesheet" href="/css/base.css?v=1"/>
<link rel="stylesheet" href="/css/user.css" />
<link rel="stylesheet" href="/css/user.css"/>
</head>
</head>
<body class="">
<div class="header">
<div class="mainNav" id="mainNav">
<div class="box_center cf" style="text-align: center;height: 44px;line-height: 48px;color: #fff;font-size: 16px;">
<div class="box_center cf"
style="text-align: center;height: 44px;line-height: 48px;color: #fff;font-size: 16px;">
小说精品屋爬虫管理
小说精品屋爬虫管理
</div>
</div>
@ -29,9 +30,9 @@
<ul class="log_list">
<li><a class="link_1 on" href="/">爬虫源管理</a></li>
<li><a class="link_1" href="/crawl/crawlSingleTask_list.html">单本采集管理</a></li>
<li><a class="link_1" href="/crawl/crawlSource_test.html" target="_blank" >规则测试</a></li>
<!-- <li><a class="link_1 " href="/user/userinfo.html">批量小说爬取</a></li>
<li><a class="link_4 " href="/user/favorites.html">单本小说爬取</a></li>-->
<li><a class="link_1" href="/crawl/crawlSource_test.html" target="_blank">规则测试</a></li>
<!-- <li><a class="link_1 " href="/user/userinfo.html">批量小说爬取</a></li>
<li><a class="link_4 " href="/user/favorites.html">单本小说爬取</a></li>-->
</ul>
</div>
@ -40,6 +41,7 @@
<div class="title cf">
<h2 class="fl">爬虫源列表</h2>
<div class="fr"><a href="/crawl/crawlSource_add.html" class="btn_red">增加爬虫源</a>
</div>
</div>
<div id="divData" class="updateTable">
@ -69,7 +71,6 @@
<tbody id="crawlSourceList">
</tbody>
</table>
<div class="pageBox cf" id="shellPage">
@ -120,38 +121,39 @@
<script language="javascript" type="text/javascript">
search(1, 10);
var pageCrawlSourceList=null;
var pageCrawlSourceList = null;
function search(curr, limit) {
$.ajax({
type: "get",
url: "/crawl/listCrawlByPage",
data: {'curr':curr,'limit':limit},
data: {'curr': curr, 'limit': limit},
dataType: "json",
success: function (data) {
if (data.code == 200) {
var crawlSourceList = data.data.list;
pageCrawlSourceList=data.data.list;
pageCrawlSourceList = data.data.list;
if (crawlSourceList.length > 0) {
var crawlSourceListHtml = "";
for(var i=0;i<crawlSourceList.length;i++){
for (var i = 0; i < crawlSourceList.length; i++) {
var crawlSource = crawlSourceList[i];
crawlSourceListHtml+=(" <tr class=\"book_list\" vals=\"291\">\n" +
crawlSourceListHtml += (" <tr class=\"book_list\" vals=\"291\">\n" +
" <td class=\"style bookclass\">\n" +
" ["+(i+1)+"]\n" +
" [" + (i + 1) + "]\n" +
" </td>\n" +
" <td class=\"chapter\">\n" +
" "+crawlSource.sourceName+"</td>\n" +
" " + crawlSource.sourceName + "</td>\n" +
" <td class=\"name\" valsc=\"291|2037554|1\">"
+crawlSource.createTime+"</td>\n" +
+ crawlSource.createTime + "</td>\n" +
" <td class=\"name\">\n" +
" "+crawlSource.updateTime+"\n" +
" " + crawlSource.updateTime + "\n" +
" </td>\n" +
" <td class=\"goread\" id='sourceStatus"+crawlSource.id+"'>"+(crawlSource.sourceStatus==0?'停止运行':'正在运行')+
" <td class=\"goread\" id='sourceStatus" + crawlSource.id + "'>" + (crawlSource.sourceStatus == 0 ? '停止运行' : '正在运行') +
" </td>\n" +
" <td class=\"goread\" id='opt"+crawlSource.id+"'><a href='javascript:openOrStopCrawl("+crawlSource.id+","+crawlSource.sourceStatus+")'>"+(crawlSource.sourceStatus==0?'开启':'关闭')+" </a>" +
"<a href='javascript:updateCrawlSource("+crawlSource.id+")'>修改 </a>" +
" <td class=\"goread\" id='opt" + crawlSource.id + "'><a href='javascript:openOrStopCrawl(" + crawlSource.id + "," + crawlSource.sourceStatus + ")'>" + (crawlSource.sourceStatus == 0 ? '开启' : '关闭') + " </a>" +
"<a href='javascript:updateCrawlSource(" + crawlSource.id + ")'>修改 </a>" +
"</td> </tr>");
}
$("#crawlSourceList").html(crawlSourceListHtml);
@ -190,7 +192,7 @@
//未登录
location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
}else {
} else {
layer.alert(data.msg);
}
@ -201,31 +203,32 @@
})
}
function updateCrawlSource(crawlSourceId){
localStorage.setItem("crawlSourceId",crawlSourceId);
window.location.href="/crawl/crawlSource_update.html";
function updateCrawlSource(crawlSourceId) {
localStorage.setItem("crawlSourceId", crawlSourceId);
window.location.href = "/crawl/crawlSource_update.html";
}
function openOrStopCrawl(sourceId,status) {
function openOrStopCrawl(sourceId, status) {
$.ajax({
type: "POST",
url: "/crawl/openOrCloseCrawl",
data: {'sourceId':sourceId,'sourceStatus':status==0?1:0},
data: {'sourceId': sourceId, 'sourceStatus': status == 0 ? 1 : 0},
dataType: "json",
success: function (data) {
if (data.code == 200) {
if(status == 0){
if (status == 0) {
//开启
$("#sourceStatus"+sourceId).html("正在运行");
$("#opt"+sourceId).html("<a href='javascript:openOrStopCrawl("+sourceId+","+1+")'>关闭</a>");
}else{
$("#sourceStatus" + sourceId).html("正在运行");
$("#opt" + sourceId).html("<a href='javascript:openOrStopCrawl(" + sourceId + "," + 1 + ")'>关闭</a>");
} else {
//关闭
$("#sourceStatus"+sourceId).html("停止运行");
$("#opt"+sourceId).html("<a href='javascript:openOrStopCrawl("+sourceId+","+0+")'>开启</a>");
$("#sourceStatus" + sourceId).html("停止运行");
$("#opt" + sourceId).html("<a href='javascript:openOrStopCrawl(" + sourceId + "," + 0 + ")'>开启</a>");
}
@ -233,7 +236,7 @@
//未登录
location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
}else {
} else {
layer.alert(data.msg);
}
@ -244,9 +247,6 @@
})
}
</script>
</html>

View File

@ -28,9 +28,9 @@
<div class="my_l">
<ul class="log_list">
<li><a class="link_1 on" href="/">爬虫源管理</a></li>
<li><a class="link_1" href="/">爬虫源管理</a></li>
<li><a class="link_1" href="/crawl/crawlSingleTask_list.html">单本采集管理</a></li>
<li><a class="link_1" href="/crawl/crawlSource_test.html" target="_blank" >规则测试</a></li>
<li><a class="link_1 on" href="/crawl/crawlSource_test.html" target="_blank">规则测试</a></li>
<!--<li><a class="link_1 " href="/user/userinfo.html">批量小说爬取</a></li>
<li><a class="link_4 " href="/user/favorites.html">单本小说爬取</a></li>-->
</ul>
@ -64,12 +64,12 @@
示例<b>value=\"(\\d+)/\\d+\"</b>
<li><input type="text" id="rule" class="s_input icon_name" placeholder="规则"></li>
示例<b>1强制刷新 空或0使用缓存</b>
<li><input type="text" id="isRefresh" class="s_input icon_name" placeholder="是否强制刷新"></li>
<li><input type="text" id="isRefresh" class="s_input icon_name" placeholder="是否强制刷新">
</li>
<li><textarea rows="20" cols="100" id="resultMap"></textarea></li>
<li><input type="button" onclick="testCrawlSource()" name="btnRegister" value="测试"
id="btnRegister" class="btn_red"></li>
</ul>
@ -120,11 +120,12 @@
<script src="/javascript/user.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function load() {
var testParseUrl= localStorage.getItem("testParseUrl");
$("#url").val(testParseUrl);
var testParseRule=localStorage.getItem("testParseRule");
var testParseUrl = localStorage.getItem("testParseUrl");
$("#url").val(testParseUrl);
var testParseRule = localStorage.getItem("testParseRule");
$("#rule").val(testParseRule);
}
function testCrawlSource() {
var data = {};
@ -145,8 +146,8 @@
}
data.url = url;
localStorage.setItem("testParseUrl",url);
localStorage.setItem("testParseRule",rule);
localStorage.setItem("testParseUrl", url);
localStorage.setItem("testParseRule", rule);
$.ajax({
type: "POST",
url: "/crawl/testParse",

View File

@ -5,25 +5,56 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Please sign in</title>
<title>爬虫管理系统登录</title>
<link href="/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link href="/css/signin.css" rel="stylesheet" crossorigin="anonymous"/>
<style>
.btn-primary {
color: #fff;
background-color: #3eaf7c;
border-color: #3eaf7c
}
.btn-primary:hover {
color: #fff;
background-color: #65bf96;
border-color: #65bf96
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: 0 0 0 3px rgba(101, 191, 96, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #3eaf7c;
border-color: #3eaf7c
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #78c7a3;
outline: 0
}
</style>
</head>
<body>
<div class="container">
<form class="form-signin" method="post" action="/login">
<h2 class="form-signin-heading">Please sign in</h2>
<h4 class="form-signin-heading">爬虫管理系统登录</h4>
<p>
<label for="username" class="sr-only">Username</label>
<input type="text" id="username" name="username" class="form-control" placeholder="Username" required
<label for="username" class="sr-only">用户名</label>
<input type="text" id="username" name="username" class="form-control" placeholder="用户名" required
autofocus>
</p>
<p>
<label for="password" class="sr-only">Password</label>
<input type="password" id="password" name="password" class="form-control" placeholder="Password" required>
<label for="password" class="sr-only">密码</label>
<input type="password" id="password" name="password" class="form-control" placeholder="密码" required>
</p>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
</form>
</div>
</body>