# ocr-web-test

**Repository Path**: pcupso1990/ocr-web-test

## Basic Information

- **Project Name**: ocr-web-test
- **Description**: ocr测试页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-25
- **Last Updated**: 2025-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OCR Web 前端项目

这是一个基于Vue 3的OCR识别记录管理前端项目。

## 功能特性

- 图片上传和预览
- OCR识别码提取
- 识别结果验证（正确/错误标记）
- 识别记录列表展示
- 实时准确率统计
- 自动刷新数据

## 技术栈

- Vue 3 (Composition API)
- Vite
- Axios
- CSS3

## 安装和运行

1. 安装依赖：
```bash
npm install
```

2. 启动开发服务器：
```bash
npm run dev
```

3. 访问应用：
```
http://localhost:3000
```

## API接口

### 后端服务
- 后端服务运行在 `http://localhost:8080`
- API基础路径：`/api`

### 主要接口
- `POST /api/ocr-records` - 创建OCR识别记录
- `GET /api/ocr-records` - 获取所有识别记录
- `GET /api/ocr-records/statistics` - 获取统计信息

## 使用说明

1. **上传图片**：点击上传区域或拖拽图片到上传区域
2. **OCR识别**：图片上传后自动进行OCR识别
3. **验证结果**：点击"正确"或"错误"按钮标记识别结果
4. **查看记录**：右侧边栏显示所有识别记录
5. **统计信息**：顶部显示累计准确率

## 代理配置

项目配置了以下代理：
- `/api/ocr` -> OCR识别服务
- `/api/ocr-records` -> OCR记录管理服务

## 开发说明

- 使用Vue 3 Composition API
- 响应式数据管理
- 异步API调用
- 错误处理和用户反馈
- 自动数据刷新