78 lines
2.8 KiB
HTML
78 lines
2.8 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>dbtool GUI Foundation Entry</title>
|
|
<link rel="stylesheet" href="./landing.css" />
|
|
</head>
|
|
<body>
|
|
<main class="landing-shell">
|
|
<section class="hero">
|
|
<div class="hero__badge">dbtool-cli-v1 frontend foundation</div>
|
|
<h1>Future GUI Workspace Entry</h1>
|
|
<p class="hero__copy">
|
|
当前仓库没有正式 React / Desktop 前端工程，但已经有可预览的最小展示层：
|
|
一个数据库工作台原型、一个本地预览服务，以及与 CLI/TUI 对齐的首版 UI/UX 边界。
|
|
</p>
|
|
|
|
<div class="hero__actions">
|
|
<a class="primary-link" href="./prototype/index.html">打开工作台原型</a>
|
|
<a class="secondary-link" href="../README.md">查看仓库说明</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="grid">
|
|
<article class="card">
|
|
<p class="card__eyebrow">Current Surface</p>
|
|
<h2>已有展示层基础</h2>
|
|
<ul>
|
|
<li>`gui/prototype` 静态工作台原型</li>
|
|
<li>`gui/preview-server.mjs` 本地预览服务</li>
|
|
<li>`apps/tui` 终端工作台验证路径</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<p class="card__eyebrow">MVP Scope</p>
|
|
<h2>首版只收口单一工作台</h2>
|
|
<ul>
|
|
<li>Connection Manager</li>
|
|
<li>Schema Browser</li>
|
|
<li>Query Editor</li>
|
|
<li>Results / History / Export</li>
|
|
<li>Inspector 与执行状态</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<p class="card__eyebrow">Run</p>
|
|
<h2>两种预览方式</h2>
|
|
<ol>
|
|
<li>直接打开 `gui/index.html` 或 `gui/prototype/index.html`</li>
|
|
<li>运行 `node gui/preview-server.mjs` 后访问 `http://127.0.0.1:4173`</li>
|
|
</ol>
|
|
</article>
|
|
|
|
<article class="card">
|
|
<p class="card__eyebrow">Acceptance</p>
|
|
<h2>QA 重点确认</h2>
|
|
<ul>
|
|
<li>连接、工作区和执行反馈三层信息同时可见</li>
|
|
<li>成功、空结果、失败、导出完成能一眼区分</li>
|
|
<li>切换连接后摘要、工作区、Inspector 同步更新</li>
|
|
<li>Light / Dark 主题下仍保持稳定信息密度</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="footer-card">
|
|
<p>
|
|
详细范围和验收说明见 `gui/README.md`，更完整的信息架构与契约要求见
|
|
`gui/desktop-foundation.md`。
|
|
</p>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|