# dbpin

**Repository Path**: tiangao/dbpin

## Basic Information

- **Project Name**: dbpin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-26
- **Last Updated**: 2026-01-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# dbpin 轻量级数据库管理工具
Rust (Tauri) + 原生 TypeScript, 追求极致性能且不依赖框架

# DBPin 项目架构

## 前端结构 (src/)
```
src/
├── main.ts                    # 应用入口
├── styles.css                 # 全局样式 + CSS 变量主题系统
├── types/
│   └── index.ts               # TypeScript 类型定义
├── core/                      # 核心基础设施
│   ├── base-component.ts      # Web Component 基类（Shadow DOM）
│   ├── event-bus.ts           # 类型安全的事件总线
│   └── state.ts               # 响应式状态管理
├── components/                # Web Components
│   ├── app-shell.ts           # 应用外壳（Grid 布局 + 可拖拽侧边栏）
│   ├── sidebar-panel.ts       # 侧边栏（连接列表 + 表树）
│   ├── main-view.ts           # 主视图（标签页系统）
│   ├── sql-editor.ts          # SQL 编辑器（行号 + 快捷键）
│   ├── data-table.ts          # 数据表格（分页 + 排序）
│   └── connection-dialog.ts   # 连接对话框
└── services/
    └── db-service.ts          # 数据库服务（Tauri 通信）
```
## 后端结构 (src-tauri/src/)
```
src-tauri/src/
├── lib.rs                     # Tauri 配置 + 命令注册
├── main.rs                    # 程序入口
├── commands/                  # Tauri 命令
│   ├── mod.rs
│   └── database.rs            # 数据库操作命令
├── db/                        # 数据库核心
│   ├── mod.rs
│   ├── connection.rs          # 连接管理器
│   └── query.rs               # 查询执行器
└── models/
    └── mod.rs                 # 数据模型
```
# 技术亮点

- Web Components + Shadow DOM - 组件完全封装，样式隔离
- 事件总线 - 类型安全的组件间通信
- CSS Grid + Container Queries - 现代响应式布局
- CSS 变量主题系统 - 支持亮色/暗色/跟随系统