伙伴匹配(相友聚),一个前后端分离的用户匹配系统,前端使用 Vite + Vue3 + Vant4 ,后端使用 SpringBoot + MyBatis-Plus + MySQL + Redis 等技术,使用 WebSocket 实现实时通信,并结合 七牛云 完成图片上传。本项目使用Apache License Version 2.0开源协议。
Github: https://github.com/wcw-001/Friends-backend
GitHub:https://github.com/wcw-001/Friends-frontend
许多热爱学习竞赛的校园同学在参加比赛时常常面临没有队友的问题,这使得他们很难发挥自己的实力,也很难取得好成绩。同时,许多用户在寻找队友时也面临一些困难,比如无法找到合适的人选,或者无法与潜在的队友进行充分的交流和沟通。因此,我们希望通过该网站,为这些用户提供一个交流平台,帮助他们找到理想的队友,组建强大的竞赛团队,参加各种校园比赛,并最终实现自己的梦想。
- 用户注册和登录:用户可以通过注册账号并登录使用该网站。
- 标签匹配:用户可以选择自己的技能和需求标签,系统会根据标签匹配合适的队友。
- 组队功能:用户可以与其他用户组建队伍,一起参加校园竞赛。
- 帖文发布、点赞和关注:用户可以发布自己的帖文,其他用户可以对其进行点赞和关注,以便更好地了解和交流。
- 实时聊天:队伍中的用户可以进行实时聊天,方便沟通和协作。
- 用户管理:管理员可以对用户进行管理,包括审核用户信息和处理用户投诉等。
-
用户登录:使用 Redis 实现分布式 Session,解决集群间登录态同步问题;使用 token 储存用户信息并实现续签和超时自动退出。
-
对于项目中复杂的集合处理(比如为队伍列表关联已加入队伍的用户),使用 Java 8 Stream API 和 Lambda 表达式来简化编码。
-
使用 Redis 缓存首页高频访问的用户信息列表,将接口响应时长从 12520ms缩短至400ms。且通过自定义 Redis 序列化器来解决数据乱码、空间浪费的问题。
-
为解决首次访问系统的用户主页加载过慢的问题,使用 quartz 定时任务来实现缓存预热,并通过分布式锁保证多机部署时定时任务不会重复执行。
-
为解决同一用户重复加入队伍、入队人数超限的问题,使用 Redisson 分布式锁来实现操作互斥,保证了接口幂等性。
-
使用编辑距离算法实现了根据标签匹配最相似用户的功能,并通过优先队列来减少 TOP N 运算过程中的内存占用。
-
使用 Knife4j + Swagger 自动生成后端接口文档,并通过编写 ApiOperation 等注解补充接口注释,避免了人工编写维护文档的麻烦。
-
使用阿里云对象存储用户头像、队伍图片
-
用户可以每天签到一次
-
使用 WebSocket 在单个TCP连接上进行全双工通信,创建持久性的连接,实现队伍聊天室中的实时聊天。
-
前端使用 Vant4 UI 组件库,并封装了全局通用的 Layout 组件,使主页、搜索页、组队页布局一致、并减少重复代码。
-
基于 Vue Router 全局路由守卫实现了根据不同页面来动态切换导航栏标题, 并通过在全局路由配置文件扩展 title 字段来减少无意义的 if else 代码。
-
使用 component is 标签自定义少数页面的基本布局,优化用户体验。
-
封装前端卡片组件,对数据做统一处理,减少重复代码。
-
使用 defineEmits 为子组件绑定事件,并使用 emits 将事件发送给父组件,优化用户在操作后的体验。
前端
-
Vue 3
-
Vite 脚手架
-
Vant4 UI 移动端组件库
-
Axios 请求库
后端
-
JAVA SpringBoot 框架
-
MySQL 数据库
-
Mybatis-Plus
-
Mybatis X 根据数据库表生成对应的mapper、service、model代码
-
Redis 缓存
-
Redisson 分布式锁
-
Quartz定时任务
-
Swagger + Knife4j 接口文档
-
Gson JSON序列化库
-
最短编辑距离算法
-
WebSocket
-
七牛云对象存储 OSS