# chat_web

**Repository Path**: TPSHION/chat_web

## Basic Information

- **Project Name**: chat_web
- **Description**: vue简单聊天项目，主要使用websocket。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-05-01
- **Last Updated**: 2024-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<<<<<<< HEAD
# chat

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
=======
# chat_web

#### 介绍
vue简单聊天项目

#### 软件架构
软件架构说明：
    前端：Vue-Cli 和 Vant 框架开发；
    后端：SpringBoot、Netty、Redis、MySQL


#### 安装教程

1.  安装依赖： npm install
2.  配置服务端地址： src -> config -> server.js ，配置 BaseUrl 和 WS 地址
3.  启动前端项目：npm run serve
4.  启动后端项目

#### 下载地址： APK[APP下载](http://oss.tpshion.cn/e16d160bba894241bd649dd28136207d.apk)

#### 运行效果
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121619_4ac21c6b_1428297.jpeg "Screenshot_2020-07-30-11-46-14-238_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121637_bfc6c2ca_1428297.jpeg "Screenshot_2020-07-30-11-47-33-853_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121651_9463b431_1428297.jpeg "Screenshot_2020-07-30-11-47-19-112_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121708_882f6f02_1428297.jpeg "Screenshot_2020-07-30-11-47-50-049_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121721_d8eb6280_1428297.jpeg "Screenshot_2020-07-30-11-47-57-011_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121734_97efeab9_1428297.jpeg "Screenshot_2020-07-30-11-48-02-951_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121745_938e708d_1428297.jpeg "Screenshot_2020-07-30-11-48-09-015_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121756_7f36d950_1428297.jpeg "Screenshot_2020-07-30-11-48-13-655_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121807_44499e36_1428297.jpeg "Screenshot_2020-07-30-11-48-27-702_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121817_2b36d617_1428297.jpeg "Screenshot_2020-07-30-11-48-35-922_plus.H5F7B5D2F.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0730/121830_42cd111c_1428297.jpeg "Screenshot_2020-07-30-11-48-40-787_plus.H5F7B5D2F.jpg")

#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
>>>>>>> f635926d113501df4d11e9e64e7defcf23f78178