# dataView

**Repository Path**: qiancun93/data-view

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-18
- **Last Updated**: 2026-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Data View 项目

一个基于 Vue 3 + TypeScript + TDesign 的数据展示项目。

## 功能特性

### 数据展示
- 分类数据表格展示
- 每个分类的前10个商品详情
- 支持图片预览（鼠标悬停放大）

## 技术栈

- Vue 3 (Composition API)
- TypeScript
- TDesign Vue Next
- Vue Router
- Axios
- Vite

## 开发

```bash
# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build
```

## 项目结构

```
src/
├── api/           # API接口
├── stores/        # 状态管理
├── view/          # 页面组件
│   ├── CategoryTable.vue    # 分类表格（主要功能）
│   ├── CategoryView.vue     # 分类视图
│   └── ItemView.vue         # 商品视图
├── router/        # 路由配置
└── main.ts        # 应用入口
```

## API接口
接口文档地址：openapi.json

项目使用以下API接口：
- `/api/metrics` - 获取分类数据
- `/api/items` - 获取商品数据
- `/api/metrics/:id` - 获取指定分类数据

## 注意事项

- 确保后端API服务正常运行
- 数据加载可能需要较长时间，请耐心等待
- 支持网络错误重试机制