video-web-pingpang: 一款可进行动作识别视频搜索的乒乓球学习交流网站技术栈：前端：Vue + ElementUI 业务后端：SpringBoot + MybatisPlus 动作识别后端：Flask + PyTorch + Sklearn

# video-web-pingpang

#### 介绍
一款可进行动作识别视频搜索的乒乓球学习交流网站  
技术栈：  
前端：Vue + ElementUI  
业务后端：SpringBoot + MybatisPlus  
动作识别后端：Flask + PyTorch + Sklearn

#### 系统技术栈
注意：spring图标指代SpringBoot；MyBatis图标指代MyBatis-Plus
![系统技术栈](./readme_img/系统技术栈.png)

#### 系统展示
这里只展示登录和主页界面
![登录](./readme_img/登录.jpg)
![主页](./readme_img/主页.jpg)

#### 项目启动教程
##### 0.环境要求
前端：node(v14.19.1)、npm(6.14.16)  
java后端：maven、mysql5.7、redis、jdk1.8  
python后端：flask、pytorch、scikit-learn（缺少的包pip install xxx安装即可）  
PS: 如果环境安装有困难的小伙伴请根据最下面的联系方式Q我

##### 1. vue前端
编译器：IDEA 或 命令行终端  
进入vue-front目录下：  
（1）npm install  
（2）npm run serve

##### 2. springboot后端
编译器：IDEA  
（1）创建数据库及表
- 进入springboot-end  
- 找到video-web-db.sql  
- 进入mysql创建video-web-db数据库、相关表、初始数据

（2）修改配置文件
- 进入springboot-end/src/main/resources
- 打开application.yml
- 修改如下配置：
```yaml
project:
  path: 本项目在电脑上的绝对路径（例如：D:\code\gitee\video-web-pingpang）
spring:
  mvc:
    pathmatch:
      matching-strategy: ant_path_matcher
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://数据库mysql的ip地址:3306/数据库名称?serverTimezone=UTC
    username: 数据库用户名
    password: 数据库密码
  redis:
    host: 缓存数据库redis的ip地址
    port: 6379
# 如果redis设置密码，请将下面这行配置解注释
    password: 缓存数据库redis的密码
```
（3）运行springboot后端项目  
- 进入springboot-end/src/main/java/com/gjq   
- 运行PpsApplication文件

##### 3. flask后端
编译器：PyCharm  
（1）修改配置文件
- 进入flask-end/utils
- 打开systemConstants.py
- 修改如下配置：
```
project_path = 本项目在电脑上的绝对路径（例如：r'D:\code\gitee\video-web-pingpang'）
```
（2）设置flask后端根目录  
![设置flask后端根目录](./readme_img/设置flask后端根目录.jpg)  
（3）启动flask后端项目
- 进入flask-end
- 运行app.py

#### 联系方式
qq: 2482674314  
wx: Mrg2025

Elcucuy/video-web-pingpang

About

Releases

Contributors

Activities

Elcucuy/video-web-pingpang .gitee-modal { width: 500px !important; }

About

Releases

Contributors

Activities

Search

Elcucuy/video-web-pingpang