@ -10,9 +10,15 @@
< li role = "presentation" class = "active" >
< a href = "#handinput" aria-controls = "handinput" role = "tab" data-toggle = "tab" > 手动录入< / a >
< / li >
< li role = "presentation" >
< a href = "#listinput" aria-controls = "listinput" role = "tab" data-toggle = "tab" > 列表抓取< / a >
< / li >
< li role = "presentation" >
< a href = "#excelinput" aria-controls = "excelinput" role = "tab" data-toggle = "tab" > excel导入< / a >
< / li >
< li role = "presentation" >
< a href = "#list_view" aria-controls = "list_view" role = "tab" data-toggle = "tab" > 数据预览< / a >
< / li >
< / ul >
< div class = "tab-content" >
< div role = "tabpanel" class = "tab-pane active" id = "handinput" >
@ -30,17 +36,21 @@
< div class = "review_content" >
< div class = "col-md-4" >
< p class = "review_name" > < / p >
< p class = "user_loc" > < / p >
< p class = "review_stars" > < / p >
< / div >
< div class = "col-md-20" >
< p class = "ta_title" > < / p >
< p class = "rating_date" > < / p >
< p class = "ta_content" > < / p >
< p class = "review_date" > < / p >
< p class = "review_pic" > < / p >
< p class = "experience_date" > < / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "excelinput" >
< div class = "row" style = "margin-top:10px;" >
< div class = "col-md-18" >
@ -57,6 +67,50 @@
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "listinput" >
< div class = "row" style = "margin-top:10px;" >
< div class = "col-md-9" >
< select name = "destination" class = "form-control" id = "destination" >
< option value = "" > 选择站点< / option >
< option value = "tp_Beijing" > tp_Beijing< / option >
< option value = "tp_Shanghai" > tp_Shanghai< / option >
< option value = "tp_Guilin" > tp_Guilin< / option >
< / select >
< / div >
< div class = "col-md-9" >
< select name = "nums" class = "form-control" id = "pagenums" >
< option value = "" > 选择抓取条数< / option >
< option value = "" > 1~10< / option >
< option value = "10" > 11~20< / option >
< option value = "20" > 21~30< / option >
< / select >
< / div >
< div class = "col-md-6" >
< a href = "#" id = "batchcontents" class = "btn btn-info" > 批量抓取< / a >
< / div >
< / div >
< / div >
< div role = "tabpanel" class = "tab-pane" id = "list_view" >
< div class = "row" style = "margin-top:10px;" >
< div class = "col-md-9" >
< select name = "destination" class = "form-control" id = "view_destination" >
< option value = "" > 选择站点< / option >
< option value = "tp_Beijing" > tp_Beijing< / option >
< option value = "tp_Shanghai" > tp_Shanghai< / option >
< option value = "tp_Guilin" > tp_Guilin< / option >
< / select >
< / div >
< div class = "col-md-9" >
< a href = "#" id = "view_list" class = "btn btn-info" > 查看数据< / a >
< / div >
< / div >
< div id = "list_view_content" style = "margin-top:20px;" >
< / div >
< / div >
< / div >
< / div >
< / div >
@ -70,6 +124,7 @@ $(function(){
//获取填写的url
var ta_url = $('#ta_url').val();
var stars = '';
var pic_htm = '';
if(ta_url == ''){
alert('请填写需要采集的TA地址');
}else{
@ -80,8 +135,14 @@ $(function(){
var data = $.parseJSON(json);
console.log(data);
$('.ta_content').html(data.content);
$('.review_date').html('Date of experience: '+data.review _date);
$('.experience_date').html('Date of experience: '+data.experience _date);
$('.review_name').html(data.review_name);
$('.user_loc').html(data.user_loc);
$('.rating_date').html('Reviewed:'+data.rating_date);
for(var i=0;i< data.pic.length ; i + + ) {
pic_htm += '< p > < a href = "'+data.pic[i]+'" target = "_blank" > < img src = "'+data.pic[i]+'" / > < / a > < / p > ';
}
$('.review_pic').html(pic_htm);
$('.ta_title').html('< strong > '+data.title+'< / strong > ');
if(data.star_nums){
for(var i=0;i< data.star_nums ; i + + ) {
@ -94,6 +155,30 @@ $(function(){
}
});
//批量抓取
$('#batchcontents').click(function(){
var destination = $('#destination').val();
var pagenums = $('#pagenums').val();
if(destination != ''){
$.ajax({
url:'/info.php/apps/tripadvisor_spider/index/get_destination_reviews/'+destination+'/'+pagenums,
success:function(json,status){
var data = $.parseJSON(json);
var html = '';
for(var x=0;x< data.urls.length ; x + + ) {
$.ajax({
url:'/info.php/apps/tripadvisor_spider/index/get_reviews_detail',
data:{url:data.urls[x],html_num:'list_'+x,destination:destination},
success:function(content,status){
}
});
}
}
});
}
});
//上传文件
$('#contentbyexcel').click(function(){
var fileArray = document.getElementById("file_excel").files;
@ -153,5 +238,38 @@ $(function(){
}
});
});
//预览数据
$('#view_list').click(function(){
var view_destination = $('#view_destination').val();
if(view_destination != ''){
$.ajax({
url:'/info.php/apps/tripadvisor_spider/index/get_all_reviews/'+view_destination,
success:function(json,status){
var jsondata = $.parseJSON(json);
var html = '';
for(var y=0;y< jsondata.list.length ; y + + ) {
html += '< div class = "row" > < div class = "col-md-4" > ';
html += '< p class = "review_name" > '+jsondata.list[y].tr_member_name+'< / p > < p class = "user_loc" > '+jsondata.list[y].tr_member_loc+'< / p > < p class = "review_stars" > ';
for(var i=0;i< jsondata.list [ y ] . tr_member_starts ; i + + ) {
html += '< span class = "glyphicon glyphicon-star" > < / span > ';
}
html += '< / p > < / div > < div class = "col-md-20" > < p class = "ta_title" > '+jsondata.list[y].tr_review_title+'< / p > < p class = "rating_date" > Reviewed: '+jsondata.list[y].tr_review_date+'< / p > < p class = "ta_content" > '+jsondata.list[y].tr_content+'< / p > ';
html += '< p class = "review_pic" > ';
if($.parseJSON(jsondata.list[y].tr_review_pics).length > 0){
for(var j=0;j< $.parseJSON(jsondata.list[y].tr_review_pics).length;j++){
html += '< p > < a href = "'+$.parseJSON(jsondata.list[y].tr_review_pics)[j]+'" target = "_blank" > < img src = "'+$.parseJSON(jsondata.list[y].tr_review_pics)[j]+'" / > < / a > < / p > ';
}
}
html += '< / p > < p class = "experience_date" > Date of experience: '+jsondata.list[y].tr_visited_date+'< / p > < / div > < / div > < hr > ';
}
html += '< p class = "pull-right" > total nums : '+jsondata.list.length+'< / p > '
$('#list_view_content').html(html);
}
});
}
});
});
< / script >
lyt
6 years ago