# chat-room-view

**Repository Path**: open_5/chat-room-view

## Basic Information

- **Project Name**: chat-room-view
- **Description**: Vue3 + TS + Pinia + less + Element Plus + socketIo 的移动端聊天室
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-12-10
- **Last Updated**: 2022-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 聊天室

## 下载依赖
```
npm install
```

## 启动项目
```
npm run serve
```

## 在线体验地址
提供三个测试账号zs、ls、ww，密码都是1234
[聊天室](http://120.78.95.212:3000/)

## 本项目已实现功能一览
```
登录
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/login.PNG)
```
注册
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/register.PNG)
```
用户页
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/userPage.PNG)
```
修改用户密码、信息
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/setPassword.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/setUserInfo.PNG)
```
搜索群聊、用户
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/searchPage.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/searchSeeMore.PNG)
```
查看群聊、用户信息
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeUserInfo.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeMyGroup.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeOtherGroup.PNG)
```
好友、群聊列表
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeFriendList.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeGroupList.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/createGroup.PNG)
```
申请列表
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeWaitConfirmList.PNG)
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/seeWaitConfirmInfo.PNG)
```
消息列表
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/messageList.PNG)
```
聊天界面
```
![输入图片说明](public/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA/chatPage.PNG)