# hb-frontend

**Repository Path**: l_yiming/hb-frontend

## Basic Information

- **Project Name**: hb-frontend
- **Description**: 找伙伴-寻找志同道合的朋友
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2023-04-22
- **Last Updated**: 2023-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 找伙伴-寻找志同道合的朋友

项目上线地址：[pc.hb.dogbin.vip](pc.hb.dogbin.vip)

## 项目描述

- 一个帮助大家找到志同道合的伙伴的网站，网站包含移动端、pc端，包括用户登录注册、更新个人信息、按标签搜索用户、推荐相似用户、组队等功能。



## 技术选型

### 前端

1. Vue 3
2. Vant UI 组件库（移动端）
3. element-plus 组件库（pc端）
4. Vite 脚手架
5. Axios 请求库
6. umi-openapi

### 后端

后端开源地址：[hb-backend-public: 找伙伴-找一个志同道合的朋友 (gitee.com)](https://gitee.com/niumazlb/hb-backend-public)

1. Java SpringBoot 2.7.x 框架

2. MySQL 数据库

3. MyBatis-Plus

4. MyBatis X 自动生成

5. Redis 缓存（Spring Data Redis 等多种实现方式）

6. Redisson 分布式锁

7. Swagger + Knife4j 接口文档

8. Gson：JSON 序列化库

   

# pc端

使用vue-element-plus-admin快速搭建项目,使用umi-openapi快速生成前端请求代码。

pc端主要功能：

1. 登陆注册
2. 主页展示用户列表，可选择随机推荐用户，智能匹配用户（标签相似度）
3. 组队功能，加入队伍，查看队伍，修改队伍信息等
4. 个人信息页
5. 聊天室聊天功能

## pc端部分效果图

**登录注册页：**

![image-20230303223038196](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223038196.png)

**主页：**

![image-20230303223317372](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223317372.png)

**队伍页：**

![image-20230303223344484](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223344484.png)

**队伍详情页：**

![image-20230303223428999](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223428999.png)

**聊天室：**

![image-20230303223558311](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223558311.png)

**个人页：**

![image-20230303223608116](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223608116.png)

**个人修改页：**

![image-20230303223629367](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/image-20230303223629367.png)



## 移动端效果截图

![1672905873912-a4bc2468-5d17-4460-b925-3a6333931b59](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905873912-a4bc2468-5d17-4460-b925-3a6333931b59.png)

![1672905873980-99184c60-4c27-4ff4-a7ef-5d7e6754aa7b](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905873980-99184c60-4c27-4ff4-a7ef-5d7e6754aa7b.png)

![1672905873874-55088dc2-f6f5-4050-947e-0a161a488ae3](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905873874-55088dc2-f6f5-4050-947e-0a161a488ae3.png)

![1672905873954-e5d427a9-f144-47d4-86fc-b23495c2c9f7](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905873954-e5d427a9-f144-47d4-86fc-b23495c2c9f7.png)

![1672905874026-f3b5b2ef-e01c-45f7-80ae-829466fe6a14](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905874026-f3b5b2ef-e01c-45f7-80ae-829466fe6a14.png)

![1672905874967-797eeea9-1fd8-4106-b1bb-abc841b6de0b](https://niumapicgo.oss-cn-beijing.aliyuncs.com/images/1672905874967-797eeea9-1fd8-4106-b1bb-abc841b6de0b.png)