mirror of
https://github.com/t8y2/dbx.git
synced 2026-10-19 16:16:45 +00:00
18 lines
2.9 KiB
HTML
18 lines
2.9 KiB
HTML
<!doctype html><html lang="zh"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>#11573 界面预览 · 0739596</title>
|
|
<style>:root{color-scheme:light dark;--bg:#f6f6f7;--fg:#1d1d1f;--muted:#6e6e73;--card:#fff;--line:#e5e5ea}
|
|
@media (prefers-color-scheme:dark){:root{--bg:#111113;--fg:#f2f2f4;--muted:#9a9aa0;--card:#1c1c1f;--line:#2c2c30}}
|
|
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,"Segoe UI","PingFang SC","Noto Sans CJK SC",sans-serif}
|
|
main{max-width:1200px;margin:0 auto;padding:28px 16px 60px}h1{font-size:20px;margin:0 0 4px}.m{color:var(--muted);font-size:13px;margin:0 0 20px}
|
|
.warn{margin:0 0 20px;padding:10px 14px;border:1px solid #c0392b;border-radius:10px;background:rgba(192,57,43,.07);color:#c0392b;font-size:14px}
|
|
figure.shaky img{border-color:#c0392b}
|
|
video,img{display:block;width:100%;border-radius:10px;border:1px solid var(--line);background:var(--card)}figure{margin:0 0 28px}figcaption{color:var(--muted);font-size:13px;margin-top:8px}
|
|
a{color:inherit}</style>
|
|
<main><h1>#11573 界面预览</h1><p class="m">commit 0739596 · <a href="https://github.com/t8y2/dbx/pull/11573">回到 PR</a> · 这次改动让 OceanBase Oracle 的对象浏览与表信息区开始区分触发器 owner，并为该数据库的对象列表引入分页加载、按数据库顺序展示与搜索时的分页续载逻辑。触发器名称现在会按“owner.名称”显示，表的导出/对象源码读取也会带上完整触发器源码和启停状态。</p>
|
|
<p class="warn">⚠️ 这次录制有 6 步没能按计划执行；带 ⚠️ 的截图拍摄于步骤失败之后，画面未必是说明文字所描述的状态。</p>
|
|
<figure><video src="preview.mp4" controls autoplay muted playsinline poster="poster.png"></video><figcaption>红线是鼠标走过的轨迹，红色圆环是一次点击；底部文字是这一步在做什么。多个场景各自从应用初始状态开始。空格暂停，← → 逐段查看。</figcaption></figure>
|
|
<figure class="shaky"><img src="01-analytics-browser-open.png" alt="打开分析连接后的数据库浏览页"><figcaption>⚠️ OceanBase 对象列表分页 · 打开分析连接后的数据库浏览页</figcaption></figure>
|
|
<figure class="shaky"><img src="02-analytics-main-expanded.png" alt="展开默认库后的对象树"><figcaption>⚠️ OceanBase 对象列表分页 · 展开默认库后的对象树</figcaption></figure>
|
|
<figure class="shaky"><img src="03-events-grid.png" alt="打开 events 表后的数据网格和右侧信息区"><figcaption>⚠️ OceanBase 对象列表分页 · 打开 events 表后的数据网格和右侧信息区</figcaption></figure>
|
|
<figure class="shaky"><img src="04-orders-table-info.png" alt="打开订单表后的表信息面板，查看触发器列表里的显示名称"><figcaption>⚠️ 触发器 owner 显示 · 打开订单表后的表信息面板，查看触发器列表里的显示名称</figcaption></figure>
|
|
</main></html> |