webchat
一款基于Javascript+express+socket.io
构成的网络在线聊天应用
😚项目仍在维护中,欢迎各位大佬PR🎉和star⭐ |
具体效果可以访问http://chat.chuyuxuan.xyz:4400
- 2020年10月10日前该链接有效,别问为啥,问就是服务器过期我负担不起😭,所以不错的话请给个star吧
源码下载地址:https://github.com/Chuyuxuan0v0/webchat
喜欢的话给个star吧~嘻嘻🤭 |
部分预览
项目讲解:BV1B54y1D7dA
【小课设】一个你从未见过的在线聊天网站
下载
git clone https://github.com/Chuyuxuan0v0/webchat.git
使用
- 你需要安装
node.js
,接下来才能进行一下操作,否则会报错误。
⭐ 下载后进入根目录
cd ... \webchat\
⭐ 下载安装node.js
⭐ 安装express
项目包里已经集成,安装好node之后可以跳过
npm install express --save
⭐ 安装socket.io
项目包里已经集成,安装好node之后可以跳过
npm install --save socket.io
npm install --save socket.io-client
⭐ 安装mysql
项目包里已经集成,安装好node之后可以跳过
npm install mysql
⭐ 在MySQL中导入相关表
所有要建立的表我都放在express.sql里了,可以根据里面的sql语言自行建立
或者借用数据库管理工具例如 navicat 导入该文件进行表的创建。
⭐ 启动项目
node app.js
⭐ 在浏览器中输入以下网址 这个端口可以自己更改的
localhost:4400
部分功能展示
- 1.可以实现在线聊天,发送图片
- 2.可以是使用
ctrl+Enter
发送消息 - 3.进入退出有提示
- 4.适应手机,有响应式布局
- 5.查看历史聊天记录
- 6.。。。。。
待优化
- 优化UI界面,降低耦合性
- 优化界面响应速度
- 能够私聊个人,一对一聊天
- 。。。。。