128 lines
4.1 KiB
Markdown
128 lines
4.1 KiB
Markdown
# 错别字检测与修正系统 - 使用说明
|
||
|
||
## 系统概述
|
||
|
||
错别字检测与修正系统是一个基于AI技术的智能文本校对工具，能够自动识别中文文本中的错别字并提供修正建议。
|
||
|
||
## 功能特点
|
||
|
||
### 核心功能
|
||
- **智能检测**：自动识别文本中的错别字
|
||
- **上下文分析**：提供错误词在原文中的上下文信息
|
||
- **修正建议**：为每个错别字提供准确的修正建议
|
||
- **错误分类**：可选择启用错别字类型分类（如：同音字、形近字等）
|
||
- **用户反馈**：支持用户对修正建议进行确认或否决
|
||
- **批量处理**：支持多段文本的批量检测
|
||
|
||
### 交互功能
|
||
- **实时反馈**：用户可以逐条确认或否决检测结果
|
||
- **结果统计**：自动统计确认和否决的反馈数据
|
||
- **本地存储**：反馈数据自动保存到本地存储
|
||
|
||
## 页面结构
|
||
|
||
### 1. 页面标题区
|
||
- 居中显示蓝色标题"错别字检测与修正系统"
|
||
|
||
### 2. 参数输入区
|
||
- **待检测文本**：大型文本输入框，支持多段文本
|
||
- **配置选项**：
|
||
- 是否启用分类：控制是否显示错别字类型
|
||
- 是否启用建议：控制是否提供修正建议（默认启用）
|
||
- 是否启用批量处理：控制是否支持多段文本处理
|
||
|
||
### 3. 操作按钮区
|
||
- **检测按钮**：触发错别字检测流程
|
||
- **重置按钮**：清空表单和结果
|
||
|
||
### 4. 内容展示区
|
||
- **检测结果表格**：展示所有检测到的错别字
|
||
- **表格列**：
|
||
- 错误词：显示识别到的错别字（红色高亮）
|
||
- 上下文：显示错别字在原文中的位置和上下文
|
||
- 建议词：显示系统提供的修正建议（绿色高亮）
|
||
- 错误类型：显示错别字分类（如适用）
|
||
- 操作：提供确认/否决按钮供用户反馈
|
||
- **反馈提交按钮**：提交用户反馈数据
|
||
|
||
## 使用方法
|
||
|
||
### 基本流程
|
||
|
||
1. **输入文本**
|
||
- 在"待检测文本"区域输入需要检测的文本内容
|
||
- 文本支持中文，可包含多段内容
|
||
|
||
2. **配置选项**
|
||
- 根据需要开启/关闭各项功能开关
|
||
- 默认启用"是否启用建议"
|
||
|
||
3. **开始检测**
|
||
- 点击"检测"按钮
|
||
- 系统将发送请求到Dify AI平台
|
||
- 等待流式响应返回检测结果
|
||
|
||
4. **查看结果**
|
||
- 检测完成后，结果将显示在下方表格中
|
||
- 表格显示错误词、上下文、建议词、错误类型等信息
|
||
|
||
5. **提交反馈**
|
||
- 对每条检测结果点击"确认"或"否决"
|
||
- 点击"提交反馈"按钮保存反馈数据
|
||
- 数据将自动保存到本地存储
|
||
|
||
### API配置
|
||
|
||
- **请求地址**：https://copilot.sino-bridge.com/v1/chat-messages
|
||
- **鉴权方式**：Bearer Token (app-YOaqLN0ZBsMozXCoYJqogwiA)
|
||
- **请求方式**：POST
|
||
- **响应模式**：流式 (streaming)
|
||
|
||
## 技术实现
|
||
|
||
### 前端技术栈
|
||
- React 18 + TypeScript
|
||
- Ant Design 5.x（UI组件库）
|
||
- Tailwind CSS 4.x（样式框架）
|
||
- React Router DOM 6.x（路由管理）
|
||
|
||
### 核心特性
|
||
- **流式数据处理**：实时接收和解析Dify平台的流式响应
|
||
- **响应式设计**：自适应不同屏幕尺寸
|
||
- **类型安全**：完整的TypeScript类型定义
|
||
- **模块化设计**：清晰的API和组件分离
|
||
|
||
## 文件结构
|
||
|
||
```
|
||
src/
|
||
├── api/
|
||
│ └── spell-check-system.ts # API接口定义
|
||
├── pages/
|
||
│ └── spell-check-system/
|
||
│ └── index.tsx # 主页面组件
|
||
└── router/
|
||
└── index.tsx # 路由配置
|
||
```
|
||
|
||
## 访问路径
|
||
|
||
- 主页导航：`/` → 选择"错别字检测与修正系统"卡片
|
||
- 直接访问：`/#/spell-check-system`
|
||
|
||
## 注意事项
|
||
|
||
1. **文本长度**：建议单次检测的文本长度不超过合理范围，以保证检测效果
|
||
2. **网络连接**：需要稳定的网络连接以访问Dify AI服务
|
||
3. **浏览器兼容性**：推荐使用现代浏览器（Chrome、Firefox、Safari、Edge）
|
||
4. **数据存储**：用户反馈数据仅保存在本地浏览器存储中
|
||
|
||
## 更新日志
|
||
|
||
### v1.0.0
|
||
- 初始版本发布
|
||
- 实现基础的错别字检测功能
|
||
- 支持流式数据处理
|
||
- 添加用户反馈系统
|
||
- 集成Dify AI平台
|