Skip to content

Commit 67ce15e

Browse files
Oli51467Oli51467
committed
refactor:database manage module
1 parent e79822f commit 67ce15e

File tree

10 files changed

+389
-907
lines changed

10 files changed

+389
-907
lines changed

‎electron/icons.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎electron/index.html‎

Lines changed: 21 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -569,31 +569,20 @@ <h2>API-Key</h2>
569569
<!-- 数据库页面 -->
570570
<div id="database-page">
571571
<div class="database-section">
572-
<h2>数据库管理</h2>
573-
574-
<!-- 数据库类型选择tab -->
575-
<div class="db-tabs">
576-
<button class="db-tab-btn active" data-tab="sqlite">SQLite 数据库</button>
577-
<button class="db-tab-btn" data-tab="faiss">Faiss 向量数据库</button>
578-
<button class="db-tab-btn" data-tab="image-vectors">图片向量存储</button>
572+
<div class="database-header">
573+
<h2 class="database-title">数据库管理</h2>
574+
<div class="db-tabs">
575+
<button class="db-tab-btn active" data-tab="sqlite">文档数据存储</button>
576+
<button class="db-tab-btn" data-tab="faiss">向量数据存储</button>
577+
<button class="db-tab-btn" data-tab="image-vectors">图像数据存储</button>
578+
</div>
579579
</div>
580580

581581
<!-- SQLite 数据库面板 -->
582582
<div id="sqlite-panel" class="db-panel active">
583-
<div class="database-controls">
584-
<button id="test-db-connection" class="db-btn">测试连接</button>
585-
<button id="get-all-tables" class="db-btn">获取所有表</button>
586-
<div class="table-query-group">
587-
<select id="table-select">
588-
<option value="">选择表...</option>
589-
</select>
590-
<button id="query-table" class="db-btn">查询表数据</button>
591-
</div>
592-
</div>
583+
<div class="database-controls"></div>
593584

594-
<div class="database-status">
595-
<div id="db-status" class="status-indicator"></div>
596-
</div>
585+
<!-- SQLite 状态栏已移除，自动连接与加载表 -->
597586

598587
<div class="database-results">
599588
<div id="db-tables-list" class="tables-section">
@@ -602,87 +591,40 @@ <h3>数据库表列表</h3>
602591
</div>
603592

604593
<div id="db-table-data" class="table-data-section">
605-
<h3>表数据
606-
<button id="delete-all-data" class="db-btn delete-btn"
607-
style="display: none; margin-left: 10px; background-color: #dc3545;">删除所有数据</button>
608-
<button id="cleanup-sqlite-data" class="db-btn delete-btn"
609-
style="display: inline-block; margin-left: 10px; background-color: #dc3545;">清空SQLite数据</button>
610-
</h3>
594+
<h3>表数据</h3>
611595
<div id="table-data-content"></div>
612596
</div>
613597
</div>
614598
</div>
615599

616600
<!-- Faiss 向量数据库面板 -->
617601
<div id="faiss-panel" class="db-panel">
618-
<div class="database-controls">
619-
<button id="test-faiss-connection" class="db-btn">测试连接</button>
620-
<button id="get-faiss-statistics" class="db-btn">获取统计信息</button>
621-
<div class="vector-query-group">
622-
<select id="vector-type-select">
623-
<option value="">选择向量类型...</option>
624-
</select>
625-
<button id="query-vectors" class="db-btn">查询向量数据</button>
626-
</div>
627-
</div>
628-
629-
<div class="database-status">
630-
<div id="faiss-status" class="status-indicator"></div>
631-
</div>
632-
633602
<div class="database-results">
634-
<div id="faiss-statistics" class="statistics-section">
635-
<h3>Faiss 统计信息</h3>
636-
<div id="statistics-content"></div>
603+
<div id="faiss-types-list" class="tables-section">
604+
<h3>向量类型</h3>
605+
<div id="faiss-types-content"></div>
637606
</div>
638607

639608
<div id="faiss-vectors-data" class="vectors-data-section">
640-
<h3>向量数据
641-
<button id="cleanup-faiss-vectors" class="db-btn delete-btn"
642-
style="display: inline-block; margin-left: 10px; background-color: #dc3545;">清空Faiss向量</button>
643-
</h3>
609+
<h3>向量数据</h3>
644610
<div id="vectors-data-content"></div>
645611
</div>
646612
</div>
647613
</div>
648614

649615
<!-- 图片向量存储面板 -->
650616
<div id="image-vectors-panel" class="db-panel">
651-
<div class="database-controls image-vector-controls">
652-
<div class="image-search-group">
653-
<input type="text" id="image-vector-search" placeholder="按文件名、路径或图片名搜索" />
654-
<button id="search-image-vectors" class="db-btn">搜索</button>
655-
<button id="reset-image-vector-search" class="db-btn secondary-btn">重置</button>
656-
</div>
657-
<div class="image-page-size">
658-
<label for="image-vector-page-size">每页数量:</label>
659-
<select id="image-vector-page-size">
660-
<option value="25">25</option>
661-
<option value="50">50</option>
662-
<option value="100" selected>100</option>
663-
<option value="200">200</option>
664-
</select>
665-
</div>
666-
</div>
667-
668-
<div class="database-status">
669-
<div id="image-vectors-status" class="status-indicator"></div>
670-
</div>
617+
<div class="database-controls image-vector-controls"></div>
671618

672619
<div class="database-results image-vector-results">
673-
<div id="image-vector-stats" class="statistics-section">
674-
<h3>图片向量统计</h3>
675-
<div id="image-vector-stats-content" class="image-stats-content"></div>
620+
621+
<div id="image-files-list" class="tables-section">
622+
<h3>图片文件</h3>
623+
<div id="image-files-content"></div>
676624
</div>
677625

678-
<div id="image-vector-data" class="vectors-data-section">
679-
<h3>图片向量列表</h3>
680-
<div id="image-vector-table" class="image-vector-table"></div>
681-
<div class="image-pagination">
682-
<button id="image-vector-prev" class="db-btn secondary-btn">上一页</button>
683-
<span id="image-vector-page-info"></span>
684-
<button id="image-vector-next" class="db-btn secondary-btn">下一页</button>
685-
</div>
626+
<div id="image-images-data" class="vectors-data-section">
627+
<div id="image-images-content" class="image-vector-table"></div>
686628
</div>
687629
</div>
688630
</div>

0 commit comments

Comments
 (0)