NBA球迷大全 v1.0.0：对话问答+数据浏览系统（DeepSeek+RAG+SQLite）
This commit is contained in:
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>NBA球迷大全</title>
|
||||
<link rel="stylesheet" href="/static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="topbar">
|
||||
<div class="logo">
|
||||
<span class="logo-ball">🏀</span>
|
||||
<div>
|
||||
<h1>NBA球迷大全</h1>
|
||||
<p class="sub">比赛 · 球员 · 球队 · 资讯 · 人物 · 百科</p>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="tabs">
|
||||
<button class="tab active" data-view="chat">💬 对话</button>
|
||||
<button class="tab" data-view="teams">🏟️ 球队</button>
|
||||
<button class="tab" data-view="players">⭐ 球员</button>
|
||||
<button class="tab" data-view="games">📅 比赛</button>
|
||||
<button class="tab" data-view="news">📰 新闻</button>
|
||||
<button class="tab" data-view="persons">👥 人物</button>
|
||||
<button class="tab" data-view="standings">🏆 排名</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<!-- ================= 对话 ================= -->
|
||||
<section id="view-chat" class="view active">
|
||||
<div class="chat-wrap">
|
||||
<div id="chat-list" class="chat-list">
|
||||
<div class="msg bot">
|
||||
<div class="avatar">🤖</div>
|
||||
<div class="bubble">
|
||||
<p>你好，我是<b>NBA球迷大全</b>助手！可以问我任何关于比赛、球员、球队、新闻、人物的问题，我会基于数据库给你准确答案～</p>
|
||||
<p class="hint">试试：<em>2026年总决赛谁赢了？</em> / <em>库里本赛季场均多少分？</em> / <em>介绍一下杨毅</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chips" id="chips"></div>
|
||||
<div class="input-bar">
|
||||
<input id="chat-input" type="text" placeholder="输入问题，如：湖人最近比赛怎么样？" autocomplete="off">
|
||||
<button id="send-btn">发送</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ================= 数据浏览 ================= -->
|
||||
<section id="view-teams" class="view"><div class="grid" id="grid-teams"></div></section>
|
||||
<section id="view-players" class="view">
|
||||
<div class="toolbar"><input class="search" id="search-players" placeholder="搜索球员（中文/英文/球队）"><button class="btn" id="btn-players">搜索</button></div>
|
||||
<div class="grid" id="grid-players"></div>
|
||||
</section>
|
||||
<section id="view-games" class="view">
|
||||
<div class="toolbar">
|
||||
<button class="btn small active" data-status="">全部</button>
|
||||
<button class="btn small" data-status="finished">已结束</button>
|
||||
<button class="btn small" data-status="scheduled">未开始</button>
|
||||
<input class="search" id="search-games" placeholder="搜索：如 湖人 最近">
|
||||
<button class="btn" id="btn-games">搜索</button>
|
||||
</div>
|
||||
<div class="list" id="list-games"></div>
|
||||
</section>
|
||||
<section id="view-news" class="view">
|
||||
<div class="toolbar"><input class="search" id="search-news" placeholder="搜索新闻关键词"><button class="btn" id="btn-news">搜索</button></div>
|
||||
<div class="list" id="list-news"></div>
|
||||
</section>
|
||||
<section id="view-persons" class="view">
|
||||
<div class="toolbar">
|
||||
<button class="btn small active" data-role="">全部</button>
|
||||
<button class="btn small" data-role="coach">教练</button>
|
||||
<button class="btn small" data-role="commentator">评论员</button>
|
||||
<button class="btn small" data-role="host">主持人</button>
|
||||
<button class="btn small" data-role="agent">经纪人</button>
|
||||
<button class="btn small" data-role="gm">总经理</button>
|
||||
<button class="btn small" data-role="legend">传奇</button>
|
||||
<input class="search" id="search-persons" placeholder="搜索人物"><button class="btn" id="btn-persons">搜索</button>
|
||||
</div>
|
||||
<div class="grid" id="grid-persons"></div>
|
||||
</section>
|
||||
<section id="view-standings" class="view">
|
||||
<div class="toolbar">
|
||||
<button class="btn small active" data-conf="">全部</button>
|
||||
<button class="btn small" data-conf="西部">西部</button>
|
||||
<button class="btn small" data-conf="东部">东部</button>
|
||||
</div>
|
||||
<div class="table-wrap" id="wrap-standings"></div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- ================= 详情弹窗 ================= -->
|
||||
<div id="modal" class="modal hidden">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="modal-close">✕</button>
|
||||
<div id="modal-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">NBA球迷大全 v1.0 · 数据为模拟演示数据（2025-26 赛季） · LLM: DeepSeek · 向量: Chroma + bge-large-zh</footer>
|
||||
|
||||
<script src="/static/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user