# vue-chat

**Repository Path**: a-survey/vue-chat

## Basic Information

- **Project Name**: vue-chat
- **Description**: vue + socket.io + mongodb 实现的一个仿网页版的微信
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-24
- **Last Updated**: 2021-09-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-chat
vue + socket.io + mongodb 实现的一个仿网页版的微信

# 拥有功能
 - 用户注册
 - 用户登录
 - 用户退出
 - 获取用户
 - 修改用户
 - 创建群组
 - 获取全部好友
 - 获取全部群组
 - 添加好友
 - 添加聊天群组
 - 搜索用户
 - 搜索群组
 - 获取群组成员
 - 删除好友
 - 删除群组
 - 推送消息
 - 拉取消息

# 目录内容
```
|-vue-chat-client   vue搭建的前端页面,监听8080端口
|-vue-chat-doument  开发文档
ㄴvue-chat-server   socket.io+monogdb搭建的服务端,监听3002端口
```

# 预览
## 1.登录注册页

![](http://p0mwchnvj.bkt.clouddn.com/%E7%99%BB%E5%BD%95%E9%A1%B5.png)

## 2.好友列表

![](http://p0mwchnvj.bkt.clouddn.com/%E5%A5%BD%E5%8F%8B%E5%88%97%E8%A1%A8.png)

![](http://p0mwchnvj.bkt.clouddn.com/%E6%90%9C%E7%B4%A2%E5%A5%BD%E5%8F%8B.png)

## 3.群组列表

![](http://p0mwchnvj.bkt.clouddn.com/%E7%BE%A4%E7%BB%84%E5%88%97%E8%A1%A8.png)

![](http://p0mwchnvj.bkt.clouddn.com/%E6%90%9C%E7%B4%A2%E7%BE%A4%E7%BB%84.png)

## 4.好友聊天

![](http://p0mwchnvj.bkt.clouddn.com/%E5%A5%BD%E5%8F%8B%E8%81%8A%E5%A4%A9.png)

## 5.群内会话

![](http://p0mwchnvj.bkt.clouddn.com/%E7%BE%A4%E5%86%85%E4%BC%9A%E8%AF%9D.png)