nodejsWebsocket聊天室（个人练习）: 这个项目是利用nodejsWebsocket制作的一个PC端web聊天室。主要功能有登录（必须选择头像和填写姓名）、收发信息，聊天室有人员进入和离开时会给所有人提示，目前还存在一些问题主要是页面刷新时出现的连接方面的问题，所以在使用时暂时不要刷新页面，还有就是页面响应式需要再优化一下。 - 木兰确实

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

update README.md. ef56596

package-lock.json

聊天室页1.png

聊天室页2.png

聊天室页3.png

Loading...

README

# nodejsWebsocket聊天室

#### 介绍
这个项目是利用nodejsWebsocket制作的一个PC端web聊天室。主要功能有登录（必须选择头像和填写姓名）、收发信息，聊天室有人员进入和离开时会给所有人提示，目前还存在一些问题主要是页面刷新时出现的连接方面的问题，所以在使用时不要刷新页面，还有就是页面响应式需要再优化一下。


#### 安装教程

1.  使用 git clone https://gitee.com/kangyang666/nodejs-websocket-chat-room.git 将项目拉取到本地
2.  使用idea或者vscode等工具打开

#### 使用说明
1.  先在终端中的项目chatRoom路径下运行node ./app.js命令启动服务
2.  首页面是login.html登录页面，所以需要先打开login.html页面选择头像、填写姓名，这两个信息是必须要提供的
3.  点击选择login.html文件在浏览器打开，登录成功后会在新页签进入聊天室页面，
4.  需要模拟多个人聊天可以回到登录页签再选择头像和填写姓名去登录，在多个页签之间发送消息实现多人聊天的效果
5.  使用时不要刷新页面！使用时不要刷新页面！使用时不要刷新页面！

#### 界面图
    1.登录页
        ![输入图片说明](https://gitee.com/kangyang666/nodejs-websocket-chat-room/blob/master/%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B51.png)
    2.聊天室页面
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B51.png)
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B52.png)
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B53.png)

这个项目是利用nodejsWebsocket制作的一个PC端web聊天室。主要功能有登录（必须选择头像和填写姓名）、收发信息，聊天室有人员进入和离开时会给所有人提示，目前还存在一些问题主要是页面刷新时出现的连接方面的问题，所以在使用时暂时不要刷新页面，还有就是页面响应式需要再优化一下。

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化