戒酒的李白

【最终版1】

@@ -22,7 +22,7 @@ @@ -22,7 +22,7 @@
22 <div class="iq-sidebar sidebar-default "> 22 <div class="iq-sidebar sidebar-default ">
23 <div class="iq-sidebar-logo d-flex align-items-end justify-content-between"> 23 <div class="iq-sidebar-logo d-flex align-items-end justify-content-between">
24 <a href="" class="header-logo"> 24 <a href="" class="header-logo">
25 - <img src="https://weibo.com/favicon.ico" class="img-fluid rounded-normal light-logo" alt="logo"> 25 + <img src="https://lovexl-oss.oss-cn-beijing.aliyuncs.com/bed/202407051027268.png" class="img-fluid rounded-normal light-logo" alt="logo">
26 <span>微博舆情分析系统</span> 26 <span>微博舆情分析系统</span>
27 </a> 27 </a>
28 <div class="side-menu-bt-sidebar-1"> 28 <div class="side-menu-bt-sidebar-1">
@@ -35,9 +35,6 @@ @@ -35,9 +35,6 @@
35 {% block nav %} 35 {% block nav %}
36 <nav class="iq-sidebar-menu"> 36 <nav class="iq-sidebar-menu">
37 <ul id="iq-sidebar-toggle" class="side-menu"> 37 <ul id="iq-sidebar-toggle" class="side-menu">
38 - <li class="px-3 pt-3 pb-2 ">  
39 - <span class="text-uppercase small font-weight-bold">首页</span>  
40 - </li>  
41 <li class=" sidebar-layout"> 38 <li class=" sidebar-layout">
42 <a href="/page/home" class="svg-icon"> 39 <a href="/page/home" class="svg-icon">
43 <i class=""> 40 <i class="">
@@ -68,9 +65,6 @@ @@ -68,9 +65,6 @@
68 <span class="ml-2">微博舆情统计</span> 65 <span class="ml-2">微博舆情统计</span>
69 </a> 66 </a>
70 </li> 67 </li>
71 - <li class="px-3 pt-3 pb-2 ">  
72 - <span class="text-uppercase small font-weight-bold">数据可视化</span>  
73 - </li>  
74 <li class=" sidebar-layout"> 68 <li class=" sidebar-layout">
75 <a href="/page/articleChar" class="svg-icon"> 69 <a href="/page/articleChar" class="svg-icon">
76 <i class=""> 70 <i class="">
@@ -121,9 +115,6 @@ @@ -121,9 +115,6 @@
121 <span class="ml-2">舆情预测</span> 115 <span class="ml-2">舆情预测</span>
122 </a> 116 </a>
123 </li> 117 </li>
124 - <li class="px-3 pt-3 pb-2">  
125 - <span class="text-uppercase small font-weight-bold">词云图</span>  
126 - </li>  
127 <li class=" sidebar-layout"> 118 <li class=" sidebar-layout">
128 <a href="/page/articleCloud" class="svg-icon"> 119 <a href="/page/articleCloud" class="svg-icon">
129 <i class=""> 120 <i class="">
@@ -139,58 +130,6 @@ @@ -139,58 +130,6 @@
139 <div class="pt-5 pb-5"></div> 130 <div class="pt-5 pb-5"></div>
140 </div> 131 </div>
141 </div> 132 </div>
142 - <div class="iq-top-navbar">  
143 - <div class="iq-navbar-custom">  
144 - <nav class="navbar navbar-expand-lg navbar-light p-0">  
145 - <div class="side-menu-bt-sidebar">  
146 - <svg xmlns="http://www.w3.org/2000/svg" class="text-secondary wrapper-menu" width="30" fill="none" viewbox="0 0 24 24" stroke="currentColor">  
147 - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>  
148 - </svg>  
149 - </div>  
150 - <div class="d-flex align-items-center">  
151 - <div class="change-mode">  
152 - <div class="custom-control custom-switch custom-switch-icon custom-control-inline">  
153 - <div class="custom-switch-inner">  
154 - <p class="mb-0"> </p>  
155 - <input type="checkbox" class="custom-control-input" id="dark-mode" data-active="true">  
156 - <label class="custom-control-label" for="dark-mode" data-mode="toggle">  
157 - <span class="switch-icon-right">  
158 - <svg xmlns="http://www.w3.org/2000/svg" id="h-moon" height="20" width="20" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor">  
159 - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>  
160 - </svg>  
161 - </span>  
162 - <span class="switch-icon-left">  
163 - <svg xmlns="http://www.w3.org/2000/svg" id="h-sun" height="20" width="20" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor">  
164 - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>  
165 - </svg>  
166 - </span>  
167 - </label>  
168 - </div>  
169 - </div>  
170 - </div>  
171 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">  
172 - <svg xmlns="http://www.w3.org/2000/svg" class="text-secondary" width="30" fill="none" viewbox="0 0 24 24" stroke="currentColor">  
173 - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>  
174 - </svg>  
175 - </button>  
176 - <div class="collapse navbar-collapse" id="navbarSupportedContent">  
177 - <ul class="navbar-nav ml-auto navbar-list align-items-center">  
178 - <li class="nav-item nav-icon dropdown">  
179 - <a href="#" class="nav-item nav-icon dropdown-toggle pr-0 search-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  
180 - <span class="mb-0 ml-2 user-name">{{ username }}</span>  
181 - </a>  
182 - <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">  
183 - <li class="dropdown-item d-flex svg-icon ">  
184 - <a href="/user/logOut">退出登录</a>  
185 - </li>  
186 - </ul>  
187 - </li>  
188 - </ul>  
189 - </div>  
190 - </div>  
191 - </nav>  
192 - </div>  
193 - </div>  
194 <div class="content-page"> 133 <div class="content-page">
195 {% block content %} 134 {% block content %}
196 <div class="container-fluid"> 135 <div class="container-fluid">
@@ -201,7 +140,7 @@ @@ -201,7 +140,7 @@
201 </div> 140 </div>
202 </div> 141 </div>
203 <div class="col-lg-8 col-md-12"> 142 <div class="col-lg-8 col-md-12">
204 - <div class="row"> 143 + <div class="row">
205 <div class="col-md-4"> 144 <div class="col-md-4">
206 <div class="card"> 145 <div class="card">
207 <div class="card-body"> 146 <div class="card-body">
@@ -221,9 +160,9 @@ @@ -221,9 +160,9 @@
221 <div class="card-body"> 160 <div class="card-body">
222 <div class="d-flex align-items-center"> 161 <div class="d-flex align-items-center">
223 <div class=""> 162 <div class="">
224 - <p class="mb-2 text-secondary">最高点赞微博-作者</p> 163 + <p class="mb-2 text-secondary">文章爬取规则</p>
225 <div class="d-flex flex-wrap justify-content-start align-items-center"> 164 <div class="d-flex flex-wrap justify-content-start align-items-center">
226 - <h5 class="mb-0 font-weight-bold">{{ likeCountMaxAuthorName }}</h5> 165 + <h5 class="mb-0 font-weight-bold">每 5 小时更新一次爬取内容</h5>
227 </div> 166 </div>
228 </div> 167 </div>
229 </div> 168 </div>
@@ -235,9 +174,9 @@ @@ -235,9 +174,9 @@
235 <div class="card-body"> 174 <div class="card-body">
236 <div class="d-flex align-items-center"> 175 <div class="d-flex align-items-center">
237 <div class=""> 176 <div class="">
238 - <p class="mb-2 text-secondary">最多城市</p> 177 + <p class="mb-2 text-secondary">下次爬取时间</p>
239 <div class="d-flex flex-wrap justify-content-start align-items-center"> 178 <div class="d-flex flex-wrap justify-content-start align-items-center">
240 - <h5 class="mb-0 font-weight-bold">{{ cityMax }}</h5> 179 + <h5 class="mb-0 font-weight-bold">7-5-18:00</h5>
241 </div> 180 </div>
242 </div> 181 </div>
243 </div> 182 </div>
@@ -342,7 +281,7 @@ @@ -342,7 +281,7 @@
342 <div class="col-lg-6"> 281 <div class="col-lg-6">
343 </div> 282 </div>
344 <div class="col-lg-6 text-right"> 283 <div class="col-lg-6 text-right">
345 - <span class="mr-1">Copyright &copy; 2023.<a target="_blank" href="#">微博舆情数据分析</a></span> 284 + <span class="mr-1">网安小学期 &copy; 2024.<a target="_blank" href="#">郭航江</a></span>
346 </div> 285 </div>
347 </div> 286 </div>
348 </div> 287 </div>
@@ -391,7 +330,7 @@ @@ -391,7 +330,7 @@
391 { 330 {
392 name:"日期个数", 331 name:"日期个数",
393 data: yRes, 332 data: yRes,
394 - type: 'line', 333 + type: 'bar',
395 areaStyle: { 334 areaStyle: {
396 color:"rgba(0,128,255,0.2)" 335 color:"rgba(0,128,255,0.2)"
397 }, 336 },
@@ -525,4 +464,15 @@ @@ -525,4 +464,15 @@
525 464
526 </script> 465 </script>
527 </body> 466 </body>
528 -</html>  
  467 +</html>
  468 +
  469 +<style>
  470 + body {
  471 + background-color: #add8e6; /* 浅蓝色 */
  472 + }
  473 +
  474 + .dark .card {
  475 + background-color: #3a4d76;
  476 + border-radius: 0px;
  477 + }
  478 +</style>