# temp

**Repository Path**: haimaren/temp

## Basic Information

- **Project Name**: temp
- **Description**: 临时仓库,代码测试
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-16
- **Last Updated**: 2025-07-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 表格管理系统

## 项目概述

该项目是一个基于 Vue 3 和 Flask 的表格管理系统，支持用户自定义创建、查看、编辑和删除表格，同时提供表格数据的增删改查操作。

## 架构特点

本系统采用前后端分离架构：

- **前端**：Vue 3 + TypeScript + Vite + Element Plus
- **后端**：Flask + SQLAlchemy

## 核心功能

### 1. 表格管理功能

- **创建表格**：用户可以自定义创建表格，设置表格名称、数据库表名以及字段
- **查看表格**：支持查看已创建的表格及其元数据信息
- **编辑表格**：支持修改表格的基本信息和字段结构
- **删除表格**：支持删除不再需要的表格

### 2. 表格数据功能

- **数据浏览**：查看表格中的数据记录，支持分页
- **数据操作**：支持增加、查看、修改、删除表格中的数据
- **批量操作**：支持批量导入数据

## 系统特色

- **动态表结构**：系统会根据用户定义，在数据库中创建真实的表结构
- **字段类型支持**：支持文本、数字、日期、枚举等多种字段类型
- **表结构与数据分离**：清晰区分表结构管理和表数据管理功能

## 最近更新

### 表格功能优化（2023-06-20）

1. **表格与数据库表对应关系**
   - 系统现在会在创建表格时，同时在数据库中创建相应的实际表
   - 表格数据直接存储在实际的数据库表中，不再使用JSON字段存储

2. **架构优化**
   - 添加了动态表管理器，用于处理数据库表的 DDL 和 DML 操作
   - 改进了表格管理和表格数据的 API 实现
   - 优化了前端表格创建界面，增加了数据库表名设置

3. **效率提升**
   - 数据存储更加直观高效，不需要JSON序列化与反序列化
   - 表格查询性能提高，直接使用SQL查询实际表数据

## 安装说明

### 前端

```bash
# 安装依赖
pnpm install

# 开发环境启动
cd .\frontend ; pnpm run dev

# 构建生产版本
npm run build
```

### 后端

```bash
# 安装依赖
pip install -r requirements.txt

# 启动服务器
cd backend; venv\Scripts\activate; python app.py

## 贡献者

- 开发团队成员

## 许可协议

MIT License