web的互联网即时通讯系统【字数：8144】
摘 要在现在这个信息时代的发展如此迅猛的今天，网上聊天、社交已经成为了人们生活的必不可少的一部分。5g的迅速发展使得很多之前的不可能的事变成了可能。通过5g惊人的下载速率，人们完全不用下载任何应用，很多事情都可以在云端上完成，可以通过以浏览器内核为载体实现实时快速访问云端App。基于Web的实时通讯应用也将会取代当前的实时通讯原生应用。原生应用通常通过NIO技术实现数据的实时传输，Web端也可以通过类似的全双工协议实现数据的实时传输。Websocket协议可以实现服务器主动向浏览器推送数据，依赖于这种技术可以实现实时通讯功能等。本项目通过javaweb和JavaScript实现系统，共有6项功能包括用户管理、好友管理、实时聊天、消息管理以及个人中心。基于Web的实时通讯应用现在应用得还很片面，但是在不久的未来一定可以发挥它应有的作用。
目 录
1.绪论 1
2.系统的概述 2
2.1 开发工具与环境 2
2.2 项目总体架构、需求分析 2
2.3数据库设计 4
2.3.1 数据库的选取与设计 4
2.3.2 数据库数据表结构 5
3. 前台页面设计 6
3.1 登录页面 6
3.2 注册页面 6
3.3 首页 7
3.4 添加好友界面 8
3.5 好友列表界面 8
3.6 删除好友界面 10
3.7 消息管理页面 10
3.8 聊天主页面 11
3.9 实时消息通知 12
3.10 个人中心 13
4.系统功能的设计与实现 14
4.1 注册登录功能 14
4.2 添加好友功能 14
4.3 实时聊天功能 15
4.4删除好友 16
5.项目测试 18
5.1 测试环境 18
5.2 项目部署 18
5.3 项目功能测试 19
5.3.1 用户注册 19
5.3.2 用户登录 19
5.3.3 用户登出 19
5.3.4 添 *好棒文|www.hbsrm.com +Q: #351916072#
加好友 19
5.3.5 删除好友 20
5.3.6 实时聊天 20
5.3.7 消息管理 20
5.3.8 修改基本信息 20
5.3.9 修改头像 21
6.总结和展望 22
6.1 总结 22
6.2 展望 22
7.意义与影响 23
参考文献 24
致谢 25
1.绪论
信息交流从古至今都是人们必不可少的一项，人类正是通过交流通过合作才能一步步走上金字塔的顶端。但是由于古代技术和交通的不便利，远距离的交流对于人们来说非常困难。根据历史资料记载，周朝时期人们利用烽火台来传递信息，这也是我们所熟知的“烽火戏诸侯”的故事。但是这种烽火台往往应用于军事，而且太耗人力物力，寻常人家是不可能通过这个来实现通信的。后来在隋唐时期，人们开始通过训练信鸽来实现远距离的通信。在西方也有通过漂流瓶等方式来和大洋另一边的人们进行交流。但是无论是信鸽还是漂流瓶，这两种方式都有很强的不确定性，信息往往很难准确的传递至对方手中而且还具有很强的延时性。
直到19世纪中期，这种远距离通信困难的局面才得到了改观。19世纪60年代末，欧洲国家和美国、日本已经完成了资产阶级革命或革命，极大的推动了经济的发展，人类的发展史也进入了一个新的篇章，开始轰轰烈烈地进行第二次工业革命，宣布步入了“电气时代”，通讯事业也由此得到了巨大的发展。例如19世纪70年代，美国人贝尔发明了电话；90年代意大利人马可尼试验无线电报并取得了成功......这些发明都为迅速传递信息提供了方便。世界各国之间的经济、政治和文化联系极大加强。
再后来信息交流就开始进入一个爆炸式发展的速度了，人们已经不在满足于文字交流，开始有了语言和视屏，相信以后还有更先进的技术。而文字交流也从当年的电报变成了现在的即时通讯，QQ，微信各种APP应接不暇。毫不夸张的说，现在人们一天都离不开即时通讯。人们的生活也因此发生了许多改变。
如今，即时通讯市场已然趋向饱和，各种及时通讯工具层出不穷，但与此同时，通讯软件对于设备的要求也越来越高。很多设备因为处理能力或存储能力无法达到通讯软件的要求而无法完成即时通讯。为了解决这个问题，本项目拟采用B/S模式体系结构，通过HTTP和Websocket两个协议来实现相对稳定可靠的数据实时传输，来使得通讯变得更为方便快捷，提高人们的沟通效率，并编写简洁大方的界面为用户提供良好的沟通体验。
本文一共包括六个部分。其中第1部分作者阐述了研究的背景以及意义；第2部分为项目前期的搭建，其中包括开发环境、云服务软件配置以及数据库的搭建；第3部分作者主要描述了前台界面的设计过程；第4部分为系统功能的设计与实现的相关阐述；在第5部分作者对项目测试的结果进行了说明；最后一部分为作者对于整个项目的总结陈述。
2.系统的概述
2.1 开发工具与环境
本项目的数据库采用免费的mysql数据库；
开发使用的电脑的系统为win7系统；
本项目的开发语言为java+javascript；
开发所使用的工具为IDEA和vscode；
其他：Maven、Git、NPM；
2.2 项目总体架构
本项目旨在通过HTTP以及Websocket两个协议实现点对点相对安全可靠的实时数据传输，从而完成在网页上进行即时通讯，因此项目总体架构如下：
本项目使用的语言为java：采用的框架为java语言中使用较多的SpringBoot+Mybatis框架；整个项目的第三方jar包依赖是使用Maven管理的；代码做集中管理使用git版本控制工具和Coding网站提供的Git远程仓库。
本项目前台所使用的语言为JavaScript+css，采用了Vue.js的前端框架，利用Node.js的npm库对前端进行依赖管理。实现websocket长连接则是使用的vuestomp插件完成的。前端页面的部分组件是利用iview组件库里的精美组件完成的。
目 录
1.绪论 1
2.系统的概述 2
2.1 开发工具与环境 2
2.2 项目总体架构、需求分析 2
2.3数据库设计 4
2.3.1 数据库的选取与设计 4
2.3.2 数据库数据表结构 5
3. 前台页面设计 6
3.1 登录页面 6
3.2 注册页面 6
3.3 首页 7
3.4 添加好友界面 8
3.5 好友列表界面 8
3.6 删除好友界面 10
3.7 消息管理页面 10
3.8 聊天主页面 11
3.9 实时消息通知 12
3.10 个人中心 13
4.系统功能的设计与实现 14
4.1 注册登录功能 14
4.2 添加好友功能 14
4.3 实时聊天功能 15
4.4删除好友 16
5.项目测试 18
5.1 测试环境 18
5.2 项目部署 18
5.3 项目功能测试 19
5.3.1 用户注册 19
5.3.2 用户登录 19
5.3.3 用户登出 19
5.3.4 添 *好棒文|www.hbsrm.com +Q: #351916072#
加好友 19
5.3.5 删除好友 20
5.3.6 实时聊天 20
5.3.7 消息管理 20
5.3.8 修改基本信息 20
5.3.9 修改头像 21
6.总结和展望 22
6.1 总结 22
6.2 展望 22
7.意义与影响 23
参考文献 24
致谢 25
1.绪论
信息交流从古至今都是人们必不可少的一项，人类正是通过交流通过合作才能一步步走上金字塔的顶端。但是由于古代技术和交通的不便利，远距离的交流对于人们来说非常困难。根据历史资料记载，周朝时期人们利用烽火台来传递信息，这也是我们所熟知的“烽火戏诸侯”的故事。但是这种烽火台往往应用于军事，而且太耗人力物力，寻常人家是不可能通过这个来实现通信的。后来在隋唐时期，人们开始通过训练信鸽来实现远距离的通信。在西方也有通过漂流瓶等方式来和大洋另一边的人们进行交流。但是无论是信鸽还是漂流瓶，这两种方式都有很强的不确定性，信息往往很难准确的传递至对方手中而且还具有很强的延时性。
直到19世纪中期，这种远距离通信困难的局面才得到了改观。19世纪60年代末，欧洲国家和美国、日本已经完成了资产阶级革命或革命，极大的推动了经济的发展，人类的发展史也进入了一个新的篇章，开始轰轰烈烈地进行第二次工业革命，宣布步入了“电气时代”，通讯事业也由此得到了巨大的发展。例如19世纪70年代，美国人贝尔发明了电话；90年代意大利人马可尼试验无线电报并取得了成功......这些发明都为迅速传递信息提供了方便。世界各国之间的经济、政治和文化联系极大加强。
再后来信息交流就开始进入一个爆炸式发展的速度了，人们已经不在满足于文字交流，开始有了语言和视屏，相信以后还有更先进的技术。而文字交流也从当年的电报变成了现在的即时通讯，QQ，微信各种APP应接不暇。毫不夸张的说，现在人们一天都离不开即时通讯。人们的生活也因此发生了许多改变。
如今，即时通讯市场已然趋向饱和，各种及时通讯工具层出不穷，但与此同时，通讯软件对于设备的要求也越来越高。很多设备因为处理能力或存储能力无法达到通讯软件的要求而无法完成即时通讯。为了解决这个问题，本项目拟采用B/S模式体系结构，通过HTTP和Websocket两个协议来实现相对稳定可靠的数据实时传输，来使得通讯变得更为方便快捷，提高人们的沟通效率，并编写简洁大方的界面为用户提供良好的沟通体验。
本文一共包括六个部分。其中第1部分作者阐述了研究的背景以及意义；第2部分为项目前期的搭建，其中包括开发环境、云服务软件配置以及数据库的搭建；第3部分作者主要描述了前台界面的设计过程；第4部分为系统功能的设计与实现的相关阐述；在第5部分作者对项目测试的结果进行了说明；最后一部分为作者对于整个项目的总结陈述。
2.系统的概述
2.1 开发工具与环境
本项目的数据库采用免费的mysql数据库；
开发使用的电脑的系统为win7系统；
本项目的开发语言为java+javascript；
开发所使用的工具为IDEA和vscode；
其他：Maven、Git、NPM；
2.2 项目总体架构
本项目旨在通过HTTP以及Websocket两个协议实现点对点相对安全可靠的实时数据传输，从而完成在网页上进行即时通讯，因此项目总体架构如下：
本项目使用的语言为java：采用的框架为java语言中使用较多的SpringBoot+Mybatis框架；整个项目的第三方jar包依赖是使用Maven管理的；代码做集中管理使用git版本控制工具和Coding网站提供的Git远程仓库。
本项目前台所使用的语言为JavaScript+css，采用了Vue.js的前端框架，利用Node.js的npm库对前端进行依赖管理。实现websocket长连接则是使用的vuestomp插件完成的。前端页面的部分组件是利用iview组件库里的精美组件完成的。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/187.html
