1. 项目详情及使用方式 项目名称: 身体形体矫正Web应用 项目背景: 本项目通过Web应用帮助用户进行身体姿势矫正，特别是针对歪头、趴桌等常见的姿势问题。通过实时的姿势识别技术，用户可以在系统中获得个性化的矫正建议，从而有效改善身体健康。 技术栈: 前端: Vue 2, Axios, Font Awesome, Element UI 后端: Spring Boot 3, Flask, WebSocket 数据库: MySQL 构建工具: Apache Maven 3.9.9 持久化框架: MyBatis, MyBatis-Plus 其他工具: MediaPipe, Python, Aliyun 镜像 项目功能: 用户管理: 用户可进行注册、登录、信息修改等操作。 实时姿势识别与矫正: 使用MediaPipe进行实时姿势识别，并生成相应的矫正方案。 需求管理: 用户可填写形体矫正需求，系统根据需求提供个性化矫正方案。 实时反馈: 使用WebSocket与前端进行实时数据交互，提供即时姿势矫正反馈。 使用方式: 前端: 通过Vue 2构建的交互页面，用户完成注册、登录等操作，并查看实时姿势反馈。 后端: 后端使用Spring Boot 3处理用户信息管理、需求存储及姿势识别请求。Flask结合MediaPipe提供实时姿势识别服务。 构建与配置: 使用Maven构建项目，并在pom.xml中配置阿里云镜像，加速构建过程。 2. 项目亮点 前后端分离架构: 使用Vue 2与Spring Boot 3进行前后端分离，增强了系统的扩展性和开发效率。 实时姿势识别: 通过MediaPipe与Flask实时识别用户的姿势，帮助用户快速纠正歪头、趴桌等问题。 WebSocket实现实时反馈: 前后端通过WebSocket保持实时通信，确保姿势矫正反馈及时传递给用户。 MyBatis和MyBatis-Plus: 使用MyBatis和MyBatis-Plus实现数据库交互，简化了数据库操作和提高了开发效率。 个性化矫正方案: 用户填写需求后，系统会基于实时识别结果和用户需求提供个性化的矫正建议。 高效的构建工具: 通过Apache Maven 3.9.9与阿里云镜像的配置，显著提升了项目构建速度。 3. Web网页使用情况概述 页面功能: 注册与登录: 用户通过注册创建账户，并登录后查看个人信息，修改需求等。 信息管理: 用户可以修改个人信息，如联系方式、需求描述等。 需求填写: 用户填写形体矫正需求，提交后系统会生成个性化的矫正方案。 实时姿势反馈: 页面实时显示用户姿势识别结果，通过WebSocket与后端保持连接，展示实时反馈。 反馈与建议: 系统根据识别结果给出纠正建议，用户可以看到自己的姿势问题及改进方法。 UI设计: Font Awesome: 提供了丰富的图标资源，提升了用户体验。 Element UI: 用于构建简洁、美观的UI组件，保证页面的响应式设计。 请求与响应: Axios: 前端通过Axios发起HTTP请求，与后端交互，获取用户数据、提交需求、获取反馈等。 数据交互: 所有前端与后端的数据交互采用JSON格式，确保数据传输的高效和稳定。 4. 项目关键技术 4.1 前端技术 Vue 2: 用于构建前端应用，提供双向数据绑定、组件化开发等功能，增强前端开发效率。 Vue Router: 实现单页面应用（SPA）中的页面导航。 Vuex: 状态管理工具，确保组件之间的数据流畅传递。 Axios: 用于前端和后端的异步请求，支持数据的POST、GET等请求，确保数据交换的及时性。 Element UI: 提供了一系列UI组件，帮助快速构建响应式页面，提升用户交互体验。 Font Awesome: 丰富的图标集，增加了页面的视觉效果。 4.2 后端技术 Spring Boot 3: 后端使用Spring Boot框架，简化了应用开发和部署，支持快速开发和高效构建。 Spring Security: 提供了完整的安全性支持，包括用户认证与权限管理。 Spring Data JPA: 与MySQL数据库进行交互，简化了数据访问层的开发。 Spring WebSocket: 实现前后端的实时通信，帮助及时传递姿势识别的反馈。 MyBatis: MyBatis用于将数据库中的记录映射为Java对象，并提供数据库操作的灵活性。 MyBatis-Plus: 在MyBatis的基础上进行了增强，提供了更多便捷的功能，如代码生成、分页查询等，简化了数据库操作。 Flask: Flask作为轻量级Web框架，结合MediaPipe进行实时姿势识别，处理与前端的交互。 4.3 数据库与构建工具 MySQL: 存储用户数据、姿势矫正需求、矫正反馈等信息。 MyBatis: 用于数据库交互，简化SQL操作，支持动态SQL、事务处理等功能。 MyBatis-Plus: 在MyBatis的基础上增强了CRUD功能，减少了样板代码，提升了开发效率。 Apache Maven 3.9.9: 构建和依赖管理工具，通过配置阿里云镜像加速了项目构建。