相关动态
JavaWeb在线聊天系统开发
2024-12-21 21:24

使用前后端分离进行JavaWeb开发多用户在线聊天系统,前端由HTML5**、CSSJavascript开发,后端系统以Java语言开发。后端系统在本地开发完成后打包放在腾讯云端centOS服务器上不间断运行,可实现任何终端都可访问聊天系统。
具体要使用的技术还有Nginx、redis、第三方框架等。笔者这里通过服务器IP地址进行访问,有需要也可设置通过域名访问系统,欢迎讨论交流。

前端的编写主要实现注册页面index.html和聊天页面chat.html,注册页面对账号和密码输入内容进行限制,可通过代码进行自定义限制

 

前端数据通过webSocket与服务器进行通信,因此首先得有自己的服务器服务器可在腾讯云或阿里云进行注册,本系统采用系统8080端口,云服务器为centOS系统,。有了自己的服务器之后在下面的index.html登录页面中需要ip换成自己的服务器ip地址

 

index.html

前端开发还使用到了element框架、vue框架,登陆页面index.html完整代码如下:

 

chat.html

聊天页面chat.html中也需要将ip地址换为自己服务器的ip地址

 

聊天页面chat.html完整代码

 

chat.css

完整代码如下

 

images、assets图片文件

这里我将聊天背景图和注册页面图片分成了两个图片文件,分别是images文件夹和assets文件夹,如果需要修改图片可替换图片文件,并在index.html和chat.html中修改图片索引

 

我的图片github地址

https://github.com/letme5/letme5.github.io

JavaWeb在线聊天系统开发

后台使用java开发,使用了SpingBoot、WebSocket等框架。
分为config、controller、pojo三个package。

config

config下有三个类,CrossConfig用于跨域访问,RedisConfig用于后台数据管理,WebSocketConfig用于前后端交互连接。

CrossConfig类

 

**RedisConfig类:

 

WebSocket类

 

controller

ChatController类

 

UserController类

 

pojo

ResponseEntity类

 

User类

 
 
 

https://pan.baidu.com/s/1JL85E2h3sN_eUjLOPsceWg
提取码:1234

开启Redis服务

安装好Redis、Nginx之后,首先需要开启Redis服务,服务器上使用命令

cd /usr/local/redis-3.2.9
redis-server redis.conf

开启Nginx服务

此时我们使用命令切换到Nginx安装目录的html目录下

cd /usr/local/nginx/html

此时我们需要启动Nginx服务,使用命令

cd /usr/local/nginx/sbin
https://blog.csdn.net/weixin_44773580/article/details/nginx

开启后台Java服务

接着我们要将Java项目使用Maven进行打包打包完成后将jar包包拷贝至/usr/local路径下,此时使用命令在服务器运行后端服务

java -jar tencent-0.0.1-SNAPSHOT.jar //前台运行

java -jar tencent-0.0.1-SNAPSHOT.jar & //后台运行

最后附上笔者的代码文件

前端:https://github.com/letme5/letme5.github.io
后端:https://pan.baidu.com/s/1JL85E2h3sN_eUjLOPsceWg (提取码:1234

  1. 检查redis 数据库是否有打开

redis-cli

如果显示127.0.0.1:6379表示redis成功打开;显示no connect 就代表redis没有启动,需要先启动redis数据库, 启动方式

cd /usr/local/redis-3.2.9
redis-server redis.conf

  1. 检查java后台程序是否启动,服务器输入

jps

查看是否有jar的进程,如果没有,通过命令cd进入到你放置jar包的目录下,启动java服务

java -jar (name).jar

  1. 启动前端页面服务器,我们放置的在Nginx服务器中如果访问 http://xxx.xxx.xxx.xxx/显示无法访问,那么大概率没有启动Nginx,服务器使用命令开启Nginx服务

cd /usr/local/nginx/sbin
https://blog.csdn.net/weixin_44773580/article/details/nginx

4.如果报错显示一个 /var/run/nginx/nginx.pid not found…这个代表启动的时候会在/var/run/nginx这个目录下生成一个进程ID文件,没有的话我们创建即可,使用命令

mkdir -p /var/run/nginx

创建完成再次启动

    以上就是本篇文章【JavaWeb在线聊天系统开发】的全部内容了,欢迎阅览 ! 文章地址:http://ww.kub2b.com/news/10276.html
     栏目首页      相关文章      动态      同类文章      热门文章      网站地图      返回首页 企库往资讯移动站 http://ww.kub2b.com/mobile/ , 查看更多   
最新文章
以“心”聚力,共铸电影辉煌
1905电影网专稿 4月10日至13日,电影频道节目中心在全国宣传干部学院(八大处校区)成功主办全国电影宣传骨干人才培训班(第一期
人人都需要一场1v4的恋爱
作者|谢明宏编辑|李春晖让人看得津津有味又醒世育人的爱情剧以几个“对手”为宜?这大概也和现实生活差不多,一个人千挑万选,两
一辆自动驾驶车需要几根天线?手机供应商「一辆自动驾驶车需要几根天线?」
未来,一辆车子究竟需要使用多少天线,才能具备自动驾驶的能力? 这可不是在开玩笑的!根据爱尔兰天线技术供应商——锐锋(Taogla
Use of Cookies and Other Tracking Technologies黑莓手机官网「Use of Cookies and Other Tracking Technologies」
Last Updated: January 1, 2023This notice describes the types of Cookies and Other Tracking Technologies (“Cookies”) th
nfc安卓手机怎么设置手机nfc功能在哪里「nfc安卓手机怎么设置」
NFC在安卓手机上的设置指南随着科技的不断进步,NFC(近场通讯)技术已经越来越普及。许多安卓手机都配备了NFC功能,它不仅能够
关税加码,普通投资者如何应对?
4月7日,股市经历剧烈波动,上证指数单日下跌7.34%,交易资金触及止损后恐慌性出逃,但更值得关注的是股指期货端出现历史极端行
2025年北京市全民健身“社区杯”骑行系列活动第四站举办
4月15日,2025年北京市全民健身社区杯骑行系列活动暨京彩骑行第四站在北京经济技术开发区亦庄新城滨河森林公园举行。本次活动以
小米一键上锁神器轻松加密,安全守护您的隐私加密手机「小米一键上锁神器轻松加密,安全守护您的隐私」
在互联网时代,信息安全已经成为每个人都需要关注的问题。尤其是在智能手机普及的今天,我们的个人信息、聊天记录、支付密码等隐
午盘:美股涨幅扩大 道指涨逾300点美股手机新浪网「午盘:美股涨幅扩大 道指涨逾300点」
  北京时间6日凌晨,美股周二午盘涨幅扩大,道指上涨逾300点,纳指上涨1.3%。市场密切关注美国总统大选选情,以及本周的财报与
Isomorphic Labs获6亿美元,加速 AI 药物研发
金融时报消息,总部位于英国伦敦的 Isomorphic Labs 宣布完成6 亿美元融资。本次由 Thrive Capital 领投,现有投资者谷歌的