# datasheet

**Repository Path**: 9658065/datasheet

## Basic Information

- **Project Name**: datasheet
- **Description**: Excel 数据导入 + SQL 分析工作台
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2026-06-04
- **Last Updated**: 2026-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Datasheet

基于浏览器的 PostgreSQL 数据管理工具，使用 [PGlite](https://pglite.dev/) 在本地浏览器中运行完整的 PostgreSQL 数据库，无需后端服务。

## Features

- **浏览器内 PostgreSQL** - 基于 PGlite (WebAssembly)，数据持久化到 IndexedDB，无需安装数据库
- **多工作区管理** - 通过 PostgreSQL Schema 实现工作区隔离，支持创建/切换/删除工作区
- **SQL 编辑器** - 基于 CodeMirror，支持语法高亮、SQL 智能提示、代码格式化、撤销/重做
- **多标签页** - 支持多 Tab 同时编辑和查询，每条 SQL 和结果独立存储
- **查询结果编辑** - 表格形式展示查询结果，支持直接编辑单元格数据并保存到数据库
- **智能执行** - 选中部分 SQL 则执行选中内容，否则执行全文
- **数据导入** - 支持从 Excel/CSV 文件导入数据，可视化配置映射关系
- **表结构浏览** - 左侧栏展示数据库表列表，支持快速查看表结构、生成查询语句
- **文件管理** - 工作区文件上传与管理

## Tech Stack

- [Nuxt 4](https://nuxt.com/) - SSR, 文件路由，组件自动导入
- [Vue 3](https://vuejs.org/) + TypeScript - `<script setup>` 语法
- [Element Plus](https://element-plus.org/) - UI 组件库
- [PGlite](https://pglite.dev/) - 浏览器内 PostgreSQL (WebAssembly)
- [CodeMirror 5](https://codemirror.net/5/) - SQL 编辑器
- [UnoCSS](https://unocss.dev/) - 原子 CSS 引擎
- [Pinia](https://pinia.vuejs.org/) - 状态管理
- [VueUse](https://vueuse.org/) - 组合式工具集

## Development

```bash
# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 类型检查
pnpm typecheck

# 代码检查
pnpm lint
```

## Usage

1. 打开应用后，默认创建 `Default` 工作区
2. 在左侧栏查看数据库表列表，点击表名可快速生成查询
3. 在 SQL 编辑器中编写查询，按执行按钮或选中部分代码执行
4. 在查询结果表格中直接编辑数据，点击保存写入数据库
5. 使用导入功能将 Excel/CSV 数据导入到数据库表中

## License

MIT