1 line
5.3 KiB
JSON
1 line
5.3 KiB
JSON
{"repo": "11dingking/label-02036-20260411", "files": {"README.md": {"e4760d30431b450e71395d1f9ec0ec75a39af43e": {"t": 1785768899.0605385, "n": 3463, "h": "1ec02e1abcf1a252", "c": "# 🌐 Web Translation App\n\n## How to Run\n\n```bash\n# 使用 Docker Compose 一键启动（推荐）\ndocker-compose up --build -d\n\n# 查看服务状态\ndocker-compose ps\n\n# 停止服务\ndocker-compose down\n```\n\n启动成功后访问：http://localhost:8081\n\n## Services\n\n| 服务 | 端口 | 描述 | 健康检查 |\n|------|------|------|----------|\n| frontend-user | 8081 | 前端 Vue 应用 (Nginx) | http://localhost:8081 |\n| backend | 8080 | 后端 Spring Boot API | http://localhost:8080/actuator/health |\n\n## 测试账号\n\n本应用使用 LLM API 进行翻译，支持通义、DMXAPI。需在设置页面进行配置才能使用翻译功能，参考：\n\n| 配置项 | 参考值 |\n|--------|--------|\n| API 端点 | `https://www.dmxapi.cn/v1/chat/completions` |\n| API 密钥 | `sk-j1R7Dz9J5lLR9eNLG8zQ53Nae19zk6LOMGwZZyAq8lupV5A7` |\n| 模型名称 | `gpt-5-mini` |\n| 超时时间 | `30000` ms |\n\n> 配置是保存在 `data/config.json`，需在设置页面进行配置才能使用翻译功能。\n\n## 题目内容\n\n开发一个web翻译程序，支持多语言翻译（至少三种），使用大模型完成翻译工作，连接大模型的参数需要在页面中设定。大模型的提示词需要在页面中设定。使用SpringBoot+vue技术，数据存储在本地文件。\n\n---\n\n## 项目简介\n\nWeb Translation App 是一个基于大语言模型（LLM）的多语言翻译 Web 应用。采用 Glassmorphism 设计风格，支持中文、英文、日文三种语言互译，可灵活配置 LLM 连接参数和自定义提示词模板。\n\n## 功能特性\n\n| 功能 | 描述 |\n|------|------|\n| 🌐 多语言翻译 | 支持中文、英文、日文任意组合翻译 |\n| ⚙️ LLM 配置 | 可视化配置 API 端点、密钥、模型、超时时间 |\n| 📝 提示词模板 | 自定义翻译提示词，支持变量占位符 |\n| 📜 翻译历史 | 自动保存翻译记录，支持查看和删除 |\n| 🔗 连接测试 | 一键测试 LLM 服务连接状态 |\n| 📋 一键复制 | 快速复制翻译结果 |\n| 🎨 Glassmorphism | 现代化玻璃拟态 UI 设计 |\n\n## 技术栈\n\n| 层级 | 技术 |\n|------|------|\n| 后端 | Java 17, Spring Boot 3, Spring WebFlux, Jackson |\n| 前端 | Vue 3, TypeScript, Vite, Element Plus, Pinia |\n| 部署 | Docker, Docker Compose, Nginx |\n| 存储 | 本地 JSON 文件 (config.json, history.json) |\n\n## 项目结构\n\n```\nweb-translation-app/\n├── backend/ # 后端 Spring Boot 项目\n│ ├── src/main/java/com/translator/\n│ │ ├── config/ # 配置类\n│ │ ├── controller/ # REST 控制器\n│ │ ├── exception/ # 异常处理\n│ │ ├── model/ # 数据模型\n│ │ └── service/ # 业务服务\n│ ├── Dockerfile\n│ └── pom.xml\n├── frontend-user/ # 前端 Vue 项目\n│ ├── src/\n│ │ ├── api/ # API 封装\n│ │ ├── stores/ # Pinia 状态管理\n│ │ └── views/ # 页面组件\n│ ├── Dockerfile\n│ └── nginx.conf\n├── data/ # 数据目录\n│ ├── config.json # LLM 配置\n│ └── history.json # 翻译历史\n├── docs/ # 文档目录\n│ └── project_design.md # 项目设计文档\n└── docker-compose.yml\n```\n\n## 服务架构\n\n```\n┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐\n│ │ │ │ │ │\n│ frontend-user │───▶│ Backend │────▶│ LLM Service │\n│ (Vue + Nginx) │ │ (Spring Boot) │ │ (External) │\n│ Port: 8081 │ │ Port: 8080 │ │ │\n│ │ │ │ │ │\n└─────────────────┘ └─────────────────┘ └─────────────────┘\n │\n ▼\n ┌─────────────────┐\n │ Local Files │\n │ config.json │\n │ history.json │\n └─────────────────┘\n```\n\n## API 接口\n\n| 方法 | 路径 | 描述 |\n|------|------|------|\n| POST | `/api/translation/translate` | 执行翻译 |\n| GET | `/api/config` | 获取配置 |\n| PUT | `/api/config` | 保存配置 |\n| POST | `/api/config/test-connection` | 测试 LLM 连接 |\n| GET | `/api/history` | 获取翻译历史 |\n| DELETE | `/api/history/{id}` | 删除历史记录 |\n\n## 本地开发\n\n```bash\n# 后端\ncd backend\n./mvnw spring-boot:run\n\n# 前端\ncd frontend-user\nnpm install\nnpm run dev\n```\n\n## 许可证\n\nMIT License\n"}}}} |