nas/danmaku
1
0
Fork 0
mirror of https://github.com/lyz05/danmaku.git synced 2026-02-02 17:59:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 异步请求热榜

Browse Source
This commit is contained in:
lyz05
2025-11-19 09:20:41 +08:00
parent 1776c9c497
commit 91668bcd6a
3 changed files with 45 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -3,7 +3,7 @@
"version": "0.1.0",
"private": true,
"scripts": {
"start": "node --expose-gc --max-old-space-size=200 ./bin/www",
"start": "node ./bin/www",
"dev": "nodemon --expose-gc --max-old-space-size=200 ./bin/www",
"test": "nyc -a mocha --recursive",
"deploy": "flyctl deploy",

17
routes/danmaku.js
View File

@@ -94,18 +94,27 @@ async function index(req, res) {
const names = list.map(item => item.name);
const domains = list.map(item => item.domain);
const path = req.protocol + "://" + req.headers.host + req.originalUrl;
const resolve_info = await db.accessCountQuery()
const hotlist = await db.hotlistQuery()
res.render("danmaku", {
path,
urls,
names,
domains,
resolve_info,
hotlist
});
}
router.get("/api/home-data", async (req, res) => {
try {
const [resolve_info, hotlist] = await Promise.all([
db.accessCountQuery(),
db.hotlistQuery()
]);
res.json({ resolve_info, hotlist });
} catch (err) {
console.error(err);
res.status(500).json({ error: "查询失败" });
}
});
/* GET home page. */
router.get("/", async function (req, res) {
db.accessInsert({

42
views/danmaku.ejs
View File

@@ -41,14 +41,7 @@
<div class="col-sm-4">
<h4>最近一天下载热榜</h4>
<ul id="hotlist">
<% hotlist.forEach(function(item) { %>
<li>
<a href="<%= item.url %>">
<%= item.title %>
</a> - <%= item.count %> 次访问
</li>
<% }); %>
<!-- 更多列表项 -->
<!-- 异步加载 hotlist -->
</ul>
</div>
</div>
@@ -97,14 +90,41 @@
</div>
<div class="row">
今日解析量：<span id="today_visited"><%= resolve_info.today_visited %></span><span class="post-meta-divider"> | </span>
昨日解析量：<span id="lastday_visited"><%= resolve_info.lastday_visited %></span><span class="post-meta-divider"> | </span>
近一个月解析量：<span id="month_visited"><%= resolve_info.month_visited %></span>
今日解析量：<span id="today_visited">加载中...</span><span class="post-meta-divider"> | </span>
昨日解析量：<span id="lastday_visited">加载中...</span><span class="post-meta-divider"> | </span>
近一个月解析量：<span id="month_visited">加载中...</span>
</div>
</footer>
</div>
</body>
<script>
$(document).ready(function() {
$.ajax({
url: "/api/home-data",
method: "GET",
dataType: "json",
success: function(data) {
// 更新热榜
var hotlistEl = $("#hotlist");
hotlistEl.empty();
data.hotlist.forEach(function(item) {
hotlistEl.append(
`<li><a href="${item.url}">${item.title}</a> - ${item.count} 次访问</li>`
);
});
// 更新访问统计
$("#today_visited").text(data.resolve_info.today_visited);
$("#lastday_visited").text(data.resolve_info.lastday_visited);
$("#month_visited").text(data.resolve_info.month_visited);
},
error: function(xhr, status, err) {
console.error("加载首页数据失败", err);
$("#hotlist").html("<li>加载失败</li>");
}
});
});
</script>
</html>