SpringBoot+WebSocket实现在线聊天(一)

本文是vhr系列的第十四篇,项目地址:https://github.com/lenve/vhr

在线聊天功能是为了方便HR快速交流,由于HR人数有限,因此这里并未考虑高并发问题,小伙伴思考问题一定要结合上下文环境。OK,我们先来看看效果图:

在线聊天效果图

登陆成功后,点击右上角的闹铃图标,进入到消息页面,点击 好友聊天 选项卡,效果如下:

此时换个浏览器,或者使用chrome中的多用户模式再打开一个浏览器,以另外一个用户身份登录,开始进行聊天,聊天页面如下:

如果系统管理员正在和韩愈聊天,此时李白发来的消息,则李白的姓名旁会有提示:

系统消息效果图

只有管理员具备发送系统消息的权限,管理员的系统消息页面如下:

普通HR的系统消息页面没有发送按钮,发送系统消息页面如下:

消息发送成功之后,会有红点提示未读消息,如下:

OK,大致效果就是这样,功能还不是很完善,后期有时间再进行修补。

下篇文章开始我们来介绍具体的实现思路,着急的小伙伴可以先star项目自己研究(^_^)

原文发布于微信公众号 - 玩转JavaEE(gh_d1ca11234a30)

原文发表时间:2018-02-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端新视界

关于 Chrome 浏览器中 onresize 事件的 Bug

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏...

2676
来自专栏逸鹏说道

Web前端性能优化教程01:减少Http请求和使用内容分发网络

性能黄金法则 只有10%-20%的最终用户响应时间花在接收请求的HTML文档上,剩下的80%-90%时间花在HTML文档所引用的所有组件(图片,script,c...

4317
来自专栏bboysoul

conky主题Harmattan安装和介绍

Harmattan是一款conky主题,安装和使用都很简单,而且提供了很多样式,方便你选择。

1341
来自专栏小文博客

DIASPORA – 简约素色响应式单栏 WORDPRESS 博客主题

2154
来自专栏zhisheng

Python爬虫入门二之爬虫基础了解

1.什么是爬虫 爬虫,即网络爬虫,大家可以理解为在网络上爬行的一直蜘蛛,互联网就比作一张大网,而爬虫便是在这张网上爬来爬去的蜘蛛咯,如果它遇到资源,那么它就会抓...

3416
来自专栏Crossin的编程教室

Python-Excel 模块哪家强?

0. 前言 从网页爬下来的大量数据需要清洗? 成堆的科学实验数据需要导入 Excel 进行分析? 有成堆的表格等待统计? 作为人生苦短的 Python 程序员,...

5105
来自专栏厦门SEO

如何获得微信/QQ小绿标?腾讯云网址安全认证教程!

打开微信/QQ,聊天框发送已经完成URL安全认证的网址,看看小绿标是否生效即可~

1.5K1
来自专栏iOS 开发杂谈

iOS如何使用TestFlight进行App Beta版测试

TestFlight的测试方式分为两种: 一种是内部测试; 一种是外部测试。 从功能上讲,这两种方式都可以为测试人员在测试阶段对你的App进行测试。但是既...

9042
来自专栏Android机动车

安卓优化之apk瘦身(27.7M-->17.5M)

apk瘦身作为优化的一部分,它的大小决定安装的时间与占用的内存,进行针对性的瘦身也能够提高用户体验,下面就看我怎样将一个27.7M的安装包减肥到17.5M,足足...

1044
来自专栏互联网开发者交流社区

SEO-搜索引擎高级搜索指令

1625

扫码关注云+社区

领取腾讯云代金券