You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
WebChat聊天室
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
WebChat聊天室是一个基于nodejs+express+socket.io模块构建的
|
|
|
|
|
|
网页聊天室工具。前端使用Vue作为前端框架。服务端使用express搭建web服务，使用socket.io
|
|
|
|
|
|
来创建服务端socket服务，实现了一些基本的聊天功能。
|
|
|
|
|
|
|
|
|
|
|
|
功能介绍
|
|
|
|
|
|
---
|
|
|
|
|
|
[✔]支持表情发送
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持键盘回车发送信息
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持在线用户统计和用户列表
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持在线用户搜索
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持在线用户的私聊
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持消息声音提示
|
|
|
|
|
|
|
|
|
|
|
|
[✔]支持消息显示设置
|
|
|
|
|
|
|
|
|
|
|
|
[✔]未读消息条数显示
|
|
|
|
|
|
|
|
|
|
|
|
相关技术站点
|
|
|
|
|
|
---
|
|
|
|
|
|
[Vue官方文档](https://cn.vuejs.org/v2/api/)
|
|
|
|
|
|
|
|
|
|
|
|
[Socket.io官方文档](https://socket.io/docs/)
|
|
|
|
|
|
|
|
|
|
|
|
使用手册
|
|
|
|
|
|
---
|
|
|
|
|
|
1. 下载代码并安装nodejs
|
|
|
|
|
|
2. 使用’npm install‘安装项目依赖模块
|
|
|
|
|
|
3. 使用’node app.js‘启动服务
|
|
|
|
|
|
4. 最后打开浏览器访问 `http://localhost:3000`
|
|
|
|
|
|
|
|
|
|
|
|
项目预览截图
|
|
|
|
|
|
---
|
|
|
|
|
|
<img src='./static/images/screenshot/screen_01.png' width='400px'>
|
|
|
|
|
|
|
|
|
|
|
|
<img src='./static/images/screenshot/screen_02.png' width='400px'>
|
|
|
|
|
|
|
|
|
|
|
|
<img src='./static/images/screenshot/screen_03.png' width='400px'>
|
|
|
|
|
|
|
|
|
|
|
|
<img src='./static/images/screenshot/screen_04.png' width='400px'>
|
|
|
|
|
|
|
|
|
|
|
|
<img src='./static/images/screenshot/screen_05.png' width='400px'>
|
|
|
|
|
|
|
