45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>码力全开 · 学生管理系统</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="layout" id="layout">
|
|
<aside class="sidebar">
|
|
<div class="brand">
|
|
码力全开 · 学生管理
|
|
<small>FastAPI + MySQL 分层示例</small>
|
|
</div>
|
|
<nav class="nav" id="nav"></nav>
|
|
</aside>
|
|
|
|
<main class="main" id="main"></main>
|
|
|
|
<aside class="assistant" id="assistant">
|
|
<div class="assistant-head">
|
|
<div>
|
|
<h2>查询小助手</h2>
|
|
<div class="sub">中文提问，自动解析并查库</div>
|
|
</div>
|
|
<button class="btn btn-sm" id="assistantToggle" type="button">收起</button>
|
|
</div>
|
|
<div class="assistant-body" id="assistantBody"></div>
|
|
<div class="assistant-foot">
|
|
<form id="assistantForm" autocomplete="off">
|
|
<input id="assistantInput" placeholder="例如：在读的女生有多少人" aria-label="向查询小助手提问">
|
|
<button class="btn btn-primary" type="submit">发送</button>
|
|
</form>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<div class="toasts" id="toasts"></div>
|
|
<div id="modalRoot"></div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|