• 功能
  1. 即时发送消息||随时发送消息
  2. 历史消息显示
  3. 已读未读状态

1. 效果展示

• 由于没做登录，就以jack和rose两人聊天
  

• 两人可相互发消息

• 持续输出. .

• 当只有jack在线时
  
  

• 嘤嘤嘤怪上线
  

• jack发出的消息未读改为已读

• 当jack离线，rose想jack了

• jack上线了（jack已读）

2. 业务分析（逻辑展示…）

发送的消息默认未读
1. 加载页面查询jack和rose之间的历史消息
2. 修改发给jack的历史消息状态为已读
3. jack发送通知到服务器，发给jack的消息已经收到，
服务器再用websocket发送消息到rose，把未读消息不做展示上面分析了rose不在线的情况下，当两人同时在线的情况
4. jack发送消息到服务器，服务器保存消息，在把消息转发到rose
5. rose收到消息，修改jack发给rose的消息为已读（js websocket）
6. 然后rose通过ajax发送消息到服务器，服务器通知jack 把未读消息不做展示

3. 技术点

后台1. java websocket 传输部分业务数据2. servlet, 数据库技术, json 作为数据传输 3. oracle 作为持久化存储
页面1. html+css+js2. js有jQuery, ajax, js websocket, js dom操作

具体的websocket代码实现

gitHub项目下载地址

嘤嘤嘤. .