项目简要描述
该项目是一个基于 Vue3 和 Vite 构建的前端应用,主要用于提供一站式算法检测服务。以下是项目的简要描述:
1. 项目背景
- 公司:青岛星科瑞升信息科技有限公司。
- 时间:自 2021 年至今。
- 意义:项目对内支撑公司业务发展,对外具有潜在商业价值。2024 年 6 月 12 日,项目被重新开发为 AiCheck 前端。
2. 主要功能
- 任务管理:支持任务的创建、查看、编辑和删除(如
CreateTask
和TasksList
组件)。 - 数据管理:包括训练图片和验证图片的上传、管理和标注(如
TaskDataUpload
和TaskDataList
组件)。 - 模型管理:支持模型列表展示和推理操作(如
ModelList
组件)。 - 标注工具:提供图像标注功能,支持矩形标注、多边形标注等(如
Leafer
相关组件)。 - 系统信息:展示系统状态和日志(如
SystemInfo
组件)。
3. 技术栈
- 框架:Vue3、Pinia(状态管理)、Vue Router(路由管理)。
- UI 库:Element Plus(组件库)。
- 图表:ECharts(数据可视化)。
- 标注工具:Leafer Editor(图像标注)。
- 音频处理:Wavesurfer.js(音频标注)。
- 其他依赖:Axios(HTTP 请求)、Lodash(工具函数)、Sass(样式预处理器)。
4. 目录结构
- 核心模块:
src/views/Tasks
:任务相关页面,包括任务列表、任务详情、任务创建等。src/views/Leafer
:图像标注相关页面,包括标注工具、全局设置等。src/views/Wavesurfer
:音频标注相关页面。src/views/SystemInfo
:系统信息相关页面。
- 组件:
src/components
下包含通用组件,如头部导航栏、步骤条等。 - API 接口:
src/api
下封装了与后端交互的接口,如任务详情、登录注册等。
5. 环境依赖
- 主要依赖包括:
axios
:用于发送 HTTP 请求。echarts
和echarts-liquidfill
:用于数据可视化。element-plus
:提供丰富的 UI 组件。leafer-editor
:用于图像标注。wavesurfer.js
:用于音频处理。
6. 特点
- 模块化设计:项目采用模块化设计,各功能模块独立且清晰。
- 响应式布局:支持不同设备的适配。
- 丰富的交互:通过 Element Plus 和自定义组件实现复杂的用户交互。
- 标注功能强大:支持多种标注方式(矩形、多边形等),并提供撤销、恢复、保存等功能。
7. 适用场景
该项目适用于需要进行数据管理、算法训练、推理及模型评估的场景,尤其适合涉及图像和音频标注的业务需求。
更多详细信息可参考项目中的 README.md
文件。
Description
Languages
Vue
65.6%
TypeScript
23.7%
JavaScript
9.8%
CSS
0.5%
HTML
0.4%