# youjianFront

**Repository Path**: mycodelxy/youjian-front

## Basic Information

- **Project Name**: youjianFront
- **Description**: vue3+Spring boot H5网站
用于大学生竞赛匹配交友
实现好友推荐,在线聊天等功能
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-04-12
- **Last Updated**: 2025-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目描述
一个帮助大家寻觅知音的移动端h5网站,实现
1. 用户注册和登录：用户可以通过注册账号并登录使用该网站。
2. 标签匹配：用户可以选择自己的技能和需求标签，系统会根据标签匹配合适的队友。
3. 组队功能：用户可以与其他用户组建队伍，一起参加竞赛活动。
4. 实时聊天：支持用户在组队中进行私聊，以及组队后进行群聊,提高团队协作效率。
5. 添加好友：用户可以添加好友，方便进行私聊。

[pc端](https://gitee.com/mycodelxy/youjian-fron-pc)  
[项目笔记](https://blog.csdn.net/qq_73270720/category_12574950.html)
[后端](https://gitee.com/mycodelxy/seeking-a-kindred-spirit)
# 项目亮点
- 前端使用Vant UI组件库，并封装了全局通用的布局layout , 提高页面布局的一致性
- 利用Vue Router全局前置守卫实现了根据不同页面动态切换导航栏标题，具体通过在全局路由配置文件 中扩展title字段来减少无意义的if-else代码。 - 使用TypeScript类型定义保证项目编码规范,提高项目质量
- 自定义state状态管理,实现一次访问,前端缓存当前用户的信息,之后再从缓存中取,减少数据库访问次数
- 使用websocket实现实时通讯
# 技术选型
## 前端
1. Vue3
2. VantUI
3. Vite
4. Axios

## 后端
1. java + SpringBoot
2. MybatisPlus
3. Mysql
4. Redis
5. Knifee4j


# 项目设计

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/%E8%A7%85%E7%9F%A5%E9%9F%B3.png)

# 移动端效果图

## 登录注册
![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/1.png)

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/2.png)


![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/3.png)

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/4.png)

## 主页
![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/5.png)

## 队伍

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/6.png)

## 搜索
![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/7.png)

## 消息

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/8.png)
![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/9.png)

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/10.png)

## 聊天

![](https://gitee.com/mycodelxy/farm-management-game/raw/master/%E7%85%A7%E7%89%87%E5%BA%93/11.png)