zhanghongyu_0626
6f222f1c56
- Introduced `build_all.py` script to automate the assembly of course modules into a single `index.html` file. - Created `index.html` for the main course overview, featuring a structured layout and navigation for various modules. - Developed `_base.html` and `_footer.html` templates for the advisor module, ensuring consistent styling and structure. - Added `build.sh` script for individual module assembly, enhancing modularity and ease of updates. - Implemented multiple module HTML files detailing specific training scenarios and functionalities for advisors, including interactive elements and quizzes. This update significantly enhances the course delivery framework, providing a comprehensive and interactive learning experience for advisors.
188 lines
6.4 KiB
HTML
188 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JinRong 交互课程 · 导览中心</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--bg: #F7F3ED;
|
|
--bg-card: #FFFCF7;
|
|
--ink: #2C2419;
|
|
--muted: #6B5E52;
|
|
--border: #E8DFD3;
|
|
--accent: #C45C3E;
|
|
--accent-hover: #A84D34;
|
|
--shadow: 0 4px 24px rgba(44, 36, 25, 0.08);
|
|
--radius: 14px;
|
|
}
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
font-family: 'DM Sans', system-ui, sans-serif;
|
|
background: var(--bg);
|
|
color: var(--ink);
|
|
line-height: 1.65;
|
|
min-height: 100vh;
|
|
}
|
|
.wrap {
|
|
max-width: 920px;
|
|
margin: 0 auto;
|
|
padding: 3rem 1.5rem 4rem;
|
|
}
|
|
header {
|
|
text-align: center;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
h1 {
|
|
font-family: 'Bricolage Grotesque', sans-serif;
|
|
font-size: clamp(1.75rem, 4vw, 2.35rem);
|
|
font-weight: 800;
|
|
letter-spacing: -0.03em;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.lead {
|
|
color: var(--muted);
|
|
font-size: 1.05rem;
|
|
max-width: 36em;
|
|
margin: 0 auto;
|
|
}
|
|
.section-label {
|
|
font-size: 0.75rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.12em;
|
|
color: var(--muted);
|
|
margin: 2rem 0 1rem;
|
|
padding-bottom: 0.5rem;
|
|
border-bottom: 1px dashed var(--border);
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
gap: 1rem;
|
|
}
|
|
@media (min-width: 640px) {
|
|
.grid { grid-template-columns: 1fr 1fr; }
|
|
}
|
|
a.card {
|
|
display: block;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius);
|
|
padding: 1.25rem 1.35rem;
|
|
box-shadow: var(--shadow);
|
|
transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
|
|
}
|
|
a.card:hover {
|
|
transform: translateY(-2px);
|
|
border-color: var(--accent);
|
|
box-shadow: 0 8px 32px rgba(196, 92, 62, 0.12);
|
|
}
|
|
.card-accent {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
margin-right: 0.5rem;
|
|
vertical-align: middle;
|
|
}
|
|
.card h2 {
|
|
font-family: 'Bricolage Grotesque', sans-serif;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
.card p {
|
|
font-size: 0.9rem;
|
|
color: var(--muted);
|
|
}
|
|
.card .tag {
|
|
display: inline-block;
|
|
margin-top: 0.65rem;
|
|
font-size: 0.72rem;
|
|
padding: 0.15rem 0.5rem;
|
|
border-radius: 999px;
|
|
background: #F0EAE2;
|
|
color: var(--muted);
|
|
}
|
|
footer {
|
|
margin-top: 3rem;
|
|
text-align: center;
|
|
font-size: 0.85rem;
|
|
color: var(--muted);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<header>
|
|
<h1>JinRong 交互课程</h1>
|
|
<p class="lead">面向 vibe coder 的仓库导览：滚动式模块、代码白话对照、动效与测验。直接用浏览器打开各课程 <code>index.html</code>，无需安装。</p>
|
|
</header>
|
|
|
|
<p class="section-label">总览</p>
|
|
<div class="grid">
|
|
<a class="card" href="jinrong-overview/index.html">
|
|
<span class="card-accent" style="background:#2A7B9B"></span>
|
|
<h2>JinRong 项目现状</h2>
|
|
<p>四角色、JWT 双通道、数据从哪来、merger 分支做到哪——5 分钟建立仓库地图。</p>
|
|
<span class="tag">5 模块 · 入门首选</span>
|
|
</a>
|
|
</div>
|
|
|
|
<p class="section-label">模块深潜（7 门）</p>
|
|
<div class="grid">
|
|
<a class="card" href="jinrong-module-customer/index.html">
|
|
<span class="card-accent" style="background:#2D8B55"></span>
|
|
<h2>客户财富 Agent 深潜</h2>
|
|
<p>客户 SSE 对话、14 节点 LangGraph、Core 只读 Tool、游客试聊与铁律边界。</p>
|
|
<span class="tag">customer_service</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-advisor/index.html">
|
|
<span class="card-accent" style="background:#8B6B4A"></span>
|
|
<h2>代理人助手 Agent 深潜</h2>
|
|
<p>理财师顾问线、名下客户查询、Neo4j/Cypher 与 chat 分流接缝。</p>
|
|
<span class="tag">advisor · agent_service</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-analyst/index.html">
|
|
<span class="card-accent" style="background:#6B5B95"></span>
|
|
<h2>数据分析 Agent 深潜</h2>
|
|
<p>问数 NL2SQL、dashboard 指标、平台鉴权下的 analyst 专属 REST。</p>
|
|
<span class="tag">analyst · /api/analyst</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-risk/index.html">
|
|
<span class="card-accent" style="background:#B84A4A"></span>
|
|
<h2>风控监测 Agent 深潜</h2>
|
|
<p>预警台账、AML 只读 Tool、模拟交易与 risk_demo 权限口径。</p>
|
|
<span class="tag">risk · X-Agent-Type: risk</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-platform/index.html">
|
|
<span class="card-accent" style="background:#E06B56"></span>
|
|
<h2>代销平台 API 深潜</h2>
|
|
<p>v0.1 路由 customers/products/advisors/compliance、canonical 重复能力、脱敏开关。</p>
|
|
<span class="tag">get_platform_auth_context</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-frontend/index.html">
|
|
<span class="card-accent" style="background:#132B3A"></span>
|
|
<h2>前端 web 深潜</h2>
|
|
<p>四角色 HashRouter、ChatPanel 鉴权差异、Vite proxy 8000 与 401 排障。</p>
|
|
<span class="tag">web/ · React</span>
|
|
</a>
|
|
<a class="card" href="jinrong-module-shared/index.html">
|
|
<span class="card-accent" style="background:#5A9DB8"></span>
|
|
<h2>共用底座与鉴权 深潜</h2>
|
|
<p>JWT 双栈 deps/gateway、Redis 会话窗口、input_guard 与 audit_middleware。</p>
|
|
<span class="tag">deps · memory_service</span>
|
|
</a>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>构建：<code>python docs/course/build_all.py</code> 或各目录下 <code>bash build.sh</code></p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|