当前位置:   article > 正文

教你六种方式实现聊天室_前端聊天室的实现

前端聊天室的实现

如果技术栈不一致的同学请尽量看懂架构和概念,自己用自己的技术栈去架构自己的聊天室!

此项目为前后端分离项目,基于vue+springboot构建

欢迎star

前端:以 vue 为核心的 vue全家桶(vue+vuex-状态管理+vue-router-路由管理+axios-HTTP库),UI框架使用了iview+VueSax,打包和初始化项目工具使用 webpack 来代替vue-cli.图片上传使用了他人的 图床,发送框使用了 quill 富文本编辑器。

后端:使用了springboot 框架,数据持久层框架使用了 mybatis,数据库使用mysql.

中间件:缓存中间件-redis,消息队列-rabbitmq。

加密使用 AES 加密

通讯协议使用 WebSocket和HTTP协议

项目演示:

1.登录注册部分

由于登录注册太过于简单,所以这里直接给出账号密码名单使用
Mr3mCT.png
Mr3Rxg.png
当此账号已经登录时,isOnline 开关会显示打开状态,点击登录会出现提示

切换另一个账号即可,若无可用账号,请等待 orz

2.聊天<

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/892539
推荐阅读
相关标签
  

闽ICP备14008679号