Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
cxs
/
weibo
Tarkkaile 1
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

微博渲染更新

kangna 7 vuotta sitten
vanhempi
f6a3f9b385
commit
5926a214ea
2 muutettua tiedostoa jossa 289 lisäystä ja 23 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. 64 0
      index.html
  2. 225 23
      js/WBData.js

+ 64 - 0
index.html
Näytä tiedosto 

@@ -0,0 +1,64 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+    <meta charset="utf-8" />
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <title>Page Title</title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 
+    <style>
 
+        .box{width:1200px;height:960px;}
 
+        .header{width:100%;background:rgba(0, 3, 143, 1);color:white;padding: 1px;}
 
+        .content{width:100%;height:800px;box-sizing: content-box;border: 1px solid;}
 
+        .left{
 
+            float:left;
 
+            width:15%;
 
+            height:100%;
 
+            background:rgba(242, 242, 242, 1);
 
+        }
 
+        .left p{
 
+            width: 100%;
 
+            text-align: center;
 
+            font-size: 18px;
 
+            color: #797979;
 
+        }
 
+        .show button{
 
+            margin-top: 3%;
 
+            color: white;
 
+            background: rgba(22, 155, 213, 1);
 
+            width: 6%;
 
+            border-radius: 5px;
 
+            margin-left: 3%;
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+<div class="box">
 
+    <div class="header"><h1>微博数据分析</h1></div>
 
+    <div class="content">
 
+        <div class="left">
 
+            <p><span style="background:rgb(215,215,215)"; onclick="changeIframe(this,'WBAccount')">微博号管理</span></p>
 
+            <p><span onclick="changeIframe(this,'WBData')">微博数据分析</span></p>
 
+            <p><span onclick="changeIframe(this,'Comment')">微博评论爬虫</span></p>
 
+        </div>
 
+        <div class="right">
 
+            <iframe src="account.html" frameborder="0" style="
 
+                height: 800px;
 
+                width: 85%;"></iframe>
 
+        </div>
 
+    </div>
 
+</div>
 
+</body>
 
+</html>
 
+<script>
 
+    changeIframe=function(wt,el){
 
+        let span=$("span");
 
+        for(let i=0;i<span.length;i++){
 
+            span[i].style.background="rgba(242, 242, 242, 1)";
 
+        }
 
+        wt.style.background="rgb(215,215,215)";
 
+        let _href=el+".html";
 
+        let iframe=$("iframe")[0];
 
+        iframe.src=_href;
 
+    }
 
+</script>

+ 225 - 23
js/WBData.js
Näytä tiedosto 

@@ -2,17 +2,36 @@ const ar = async (time) => {
 
     try {
 
     try {
 
         let {data} = await axios({
 
         let {data} = await axios({
 
             method: 'get',
 
             method: 'get',
 
-            url: '/gettime?time=' + time,
 
+            url: 'http://10.3.16.42:2080/gettime?time=' + time,
 
         });
 
         });
 
         console.log(data)
 
         console.log(data)
 
     } catch (error) {
 
     } catch (error) {
 
         console.log(error)
 
         console.log(error)
 
     }
 
     }
 
 }
 
 }
 
+
 
+const getlastmonth = () => {
 
+    var nowdays = new Date();
 
+    var year = nowdays.getFullYear();
 
+    var month = nowdays.getMonth();
 
+    if(month==0){
 
+        month=12;
 
+        year=year-1;
 
+    }
 
+    if (month < 10) {
 
+        month = "0" + month;
 
+    }
 
+    var myDate = new Date(year, month, 0);
 
+    var lastDay = year + "-" + month + "-" + myDate.getDate()
 
+
 
+    return lastDay
 
+}
 
+
 
 var fna = 0
 
 var fna = 0
 
 var boe = 0
 
 var boe = 0
 
 const xuanr = (data) => {
 
 const xuanr = (data) => {
 
     document.querySelector('#der').innerHTML = ''
 
     document.querySelector('#der').innerHTML = ''
 
+    let checktime=0;
 
     data.map((i)=>{
 
     data.map((i)=>{
 
         let d = new Date(i.time)
 
         let d = new Date(i.time)
 
         let times = (d.getMonth() + 1) + '/' + d.getDate()
 
         let times = (d.getMonth() + 1) + '/' + d.getDate()
 
@@ -22,6 +41,24 @@ const xuanr = (data) => {
 
             if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
 
             if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
 
             if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
 
             if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
 
             let der = document.getElementById(`${i.id}`).parentNode
 
             let der = document.getElementById(`${i.id}`).parentNode
 
+            if(d.getDate()!=checktime+1){
 
+                checktime=d.getDate();
 
+                der.innerHTML += `
 
+                    <div class="a4" id=${i.id}>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                    </div>
 
+                    <div class="a4" id=${i.id}>
 
+                        <div>${i.post}</div>
 
+                        ${faconer}
 
+                        <div>${i.fan}</div>
 
+                        ${facon}
 
+                    </div>
 
+                `
 
+            }else{
 
+                checktime++;
 
                 der.innerHTML += `
 
                 der.innerHTML += `
 
                     <div class="a4" id=${i.id}>
 
                     <div class="a4" id=${i.id}>
 
                         <div>${i.post}</div>
 
                         <div>${i.post}</div>
 
@@ -29,58 +66,223 @@ const xuanr = (data) => {
 
                         <div>${i.fan}</div>
 
                         <div>${i.fan}</div>
 
                         ${facon}
 
                         ${facon}
 
                     </div>
 
                     </div>
 
-            `
 
+                `
 
+            }
 
             fna = i.fan
 
             fna = i.fan
 
             boe = i.post
 
             boe = i.post
 
         }else{
 
         }else{
 
+            checktime=1;
 
+            var date = new Date(i.time);
 
+            date_value=date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
 
+            if(getlastmonth() != date_value){
 
+                let fa = (parseInt(i.fan) - parseInt(fna)).toString()
 
+                let bo = (parseInt(i.post) - parseInt(boe)).toString()
 
+                if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
 
+                if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
 
+                document.querySelector('#der').innerHTML +=  `
 
+                    <div class="a1">
 
+                        <div class="a2">${i.name}</div>
 
+                        <div class="a3">${i.id}</div>
 
+                        <div class="a4">
 
+                            <div>发博数</div>
 
+                            <div>发博递减</div>
 
+                            <div>粉丝数</div>
 
+                            <div>粉丝递减</div>
 
+                        </div>
 
+                        <div class="a4" id=${i.id}>
 
+                            <div>${i.post}</div>
 
+                            ${faconer}
 
+                            <div>${i.fan}</div>
 
+                            ${facon}
 
+                        </div>
 
+                    </div>
 
+                `
 
+            }
 
             fna = i.fan
 
             fna = i.fan
 
-            document.querySelector('#der').innerHTML +=  `
 
-                <div class="a1">
 
-                    <div class="a2">${i.name}</div>
 
-                    <div class="a3">${i.id}</div>
 
-                    <div class="a4">
 
-                        <div>发博数</div>
 
-                        <div>发博递减</div>
 
-                        <div>粉丝数</div>
 
-                        <div>粉丝递减</div>
 
+            boe = i.post
 
+        }
 
+        // boe = i.post
 
+    })
 
+    let checkdd=0;
 
+    for(let der = 0; der < (data.length/45); der ++){
 
+        let dd = new Date(data[der].time)
 
+        let times = (dd.getMonth() + 1) + '/' + dd.getDate()
 
+        let timeser = dd.getFullYear() + '-' + (dd.getMonth() + 1) + '-' + dd.getDate()
 
+        if (timeser != getlastmonth()) {
 
+            if(dd.getDate()!=checkdd+1){
 
+                times = (dd.getMonth()+1) + '/' +(dd.getDate()-1)
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+                times = (dd.getMonth()+1) + '/' +(dd.getDate())
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+                checkdd=dd.getDate();
 
+            }else{
 
+                checkdd++;
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+            }
 
+        }
 
+    }
 
+}
 
+
 
+var fnaer = 0
 
+var boeer = 0
 
+const chaxun = (data, ad) => {
 
+    let checktime=0;
 
+    document.querySelector('#der').innerHTML = ''
 
+    data.map((i)=>{
 
+        let d = new Date(i.time)
 
+        let times = (d.getMonth() + 1) + '/' + d.getDate()
 
+        let dder = new Date(i.time)
 
+        let timeser = dder.getFullYear() + '/' + (dder.getMonth() + 1) + '/' + dder.getDate()
 
+        if(document.getElementById(`${i.id}`)){
 
+            let fa = (parseInt(i.fan) - parseInt(fnaer)).toString()
 
+            let bo = (parseInt(i.post) - parseInt(boeer)).toString()
 
+            if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
 
+            if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
 
+            let der = document.getElementById(`${i.id}`).parentNode
 
+            if(d.getDate()!=checktime+1){
 
+                checktime=d.getDate();
 
+                der.innerHTML += `
 
+                    <div class="a4" id=${i.id}>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
+                        <div style="background: #ff7b7b">无</div>
 
                     </div>
 
                     </div>
 
                     <div class="a4" id=${i.id}>
 
                     <div class="a4" id=${i.id}>
 
                         <div>${i.post}</div>
 
                         <div>${i.post}</div>
 
-                        <div>0</div>
 
+                        ${faconer}
 
                         <div>${i.fan}</div>
 
                         <div>${i.fan}</div>
 
-                        <div>0</div>
 
+                        ${facon}
 
                     </div>
 
                     </div>
 
-                </div>
 
-            `
 
-            boe = i.post
 
+                `
 
+            }else{
 
+                checktime++;
 
+                der.innerHTML += `
 
+                    <div class="a4" id=${i.id}>
 
+                        <div>${i.post}</div>
 
+                        ${faconer}
 
+                        <div>${i.fan}</div>
 
+                        ${facon}
 
+                    </div>
 
+                `
 
+            }
 
+            /*der.innerHTML += `
 
+                    <div class="a4" id=${i.id}>
 
+                        <div>${i.post}</div>
 
+                        ${faconer}
 
+                        <div>${i.fan}</div>
 
+                        ${facon}
 
+                    </div>
 
+            `*/
 
+            fnaer = i.fan
 
+            boeer = i.post
 
+        }else{
 
+            checktime=1;
 
+            var date = new Date(i.time);
 
+            date_value=date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
 
+            if(getlastmonth() != date_value){
 
+                let fa = (parseInt(i.fan) - parseInt(fnaer)).toString()
 
+                let bo = (parseInt(i.post) - parseInt(boeer)).toString()
 
+                if (timeser == "2018/10/24") {
 
+                    fa = 0
 
+                    bo = 0
 
+                }
 
+                if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
 
+                if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
 
+                document.querySelector('#der').innerHTML +=  `
 
+                    <div class="a1">
 
+                        <div class="a2">${i.name}</div>
 
+                        <div class="a3">${i.id}</div>
 
+                        <div class="a4">
 
+                            <div>发博数</div>
 
+                            <div>发博递减</div>
 
+                            <div>粉丝数</div>
 
+                            <div>粉丝递减</div>
 
+                        </div>
 
+                        <div class="a4" id=${i.id}>
 
+                            <div>${i.post}</div>
 
+                            ${faconer}
 
+                            <div>${i.fan}</div>
 
+                            ${facon}
 
+                        </div>
 
+                    </div>
 
+                `
 
+            }
 
+            fnaer = i.fan
 
+            boeer = i.post
 
         }
 
         }
 
+        // boe = i.post
 
     })
 
     })
 
+    let checkdd=0;
 
     for(let der = 0; der < (data.length/45); der ++){
 
     for(let der = 0; der < (data.length/45); der ++){
 
         let dd = new Date(data[der].time)
 
         let dd = new Date(data[der].time)
 
         let times = (dd.getMonth() + 1) + '/' + dd.getDate()
 
         let times = (dd.getMonth() + 1) + '/' + dd.getDate()
 
-        document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
-        console.log(times)
 
+        let timeser = dd.getFullYear() + '-' + (dd.getMonth() + 1) + '-' + dd.getDate()
 
+
 
+        var nowdays = new Date();
 
+        var year = nowdays.getFullYear();
 
+        var month = nowdays.getMonth();
 
+        if(month==0){
 
+            month=12;
 
+            year=year-1;
 
+        }
 
+        if (month < 10) {
 
+            month = "0" + month;
 
+        }
 
+        var myDate = new Date(year, month, 0);
 
+        var lastDay = year + "-" + month + "-" + myDate.getDate()
 
+
 
+        //timeser渲染时
 
+        //lastDay上个月
 
+        if (document.querySelector('#search_begindate').value == dd.getFullYear() + '-' + (dd.getMonth() + 1)) {
 
+            if(dd.getDate()!=checkdd+1){
 
+                times = (dd.getMonth()+1) + '/' +(dd.getDate()-1)
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+                times = (dd.getMonth()+1) + '/' +(dd.getDate())
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+                checkdd=dd.getDate();
 
+            }else{
 
+                checkdd++;
 
+                document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+            }
 
+            //document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
 
+        }
 
     }
 
     }
 
-    //document.querySelector('.tim').innerHTML += `<div class="tim1">日期</div>`
 
 }
 
 }
 
+
 
+
 
 window.onload = async () => {
 
 window.onload = async () => {
 
     try {
 
     try {
 
         let {data} = await axios({
 
         let {data} = await axios({
 
             method: 'get',
 
             method: 'get',
 
-            url: '/all',
 
+            url: 'http://10.3.16.42:2080/all',
 
         });
 
         });
 
         xuanr(data)
 
         xuanr(data)
 
     } catch (error) {
 
     } catch (error) {
 
-        
+
 
     }
 
     }
 
 }
 
 }
 
 
 
+const getyue = async () => {
 
+    try {
 
+        let yue = document.querySelector('#search_begindate').value
 
+        let {data} = await axios({
 
+            method: 'get',
 
+            url: `http://10.3.16.42:2080/getyue?time=${yue}&lasttime=${getlastmonth()}`,
 
+        });
 
+        document.querySelector('.tim').innerHTML = `<div class="tim1">#</div><div class="tim1">id</div><div class="tim1">日期</div>`
 
+        document.querySelector('#der').innerHTML = ''
 
+        chaxun(data, '1')
 
+    } catch (error) {
 
+
 
+    }
 
+}
 
 
 
 const gettimeer = async () => {
 
 const gettimeer = async () => {
 
     let a = document.querySelector('#datepicker').value
 
     let a = document.querySelector('#datepicker').value
 
     let b = document.querySelector('#datepickerer').value
 
     let b = document.querySelector('#datepickerer').value
 
     try {
 
     try {
 
-        let url = '/setime?starttime=' + a + '&endtime=' + b
 
+        let url = 'http://10.3.16.42:2080/setime?starttime=' + a + '&endtime=' + b
 
         let {data} = await axios({
 
         let {data} = await axios({
 
             method: 'get',
 
             method: 'get',
 
             url: url,
 
             url: url,
 
@@ -88,6 +290,6 @@ const gettimeer = async () => {
 
         document.querySelector('#der').innerHTML = '数据加载中'
 
         document.querySelector('#der').innerHTML = '数据加载中'
 
         xuanr(data)
 
         xuanr(data)
 
     } catch (error) {
 
     } catch (error) {
 
-        
+
 
     }
 
     }
 
 }
 
 }