coding
奋青员的gravatar头像
奋青员2017-12-26 11:50:40

基于java WebSocket实现的简单聊天室demo

最近要做一个视频通话相关的项目,要使用到websocket知识,之前没有专门学习websocket,之前在博客上看了许多案例,也尝试了许多,有很多网上的案例都不是特别全,也是通过两天的寻找,找到了这个项目,我也跟着敲了一遍,虽然特别简单,但是可以很快让你了解和使用Weboskcet。

这里特别注意的是该项目必须使用JDK1.8以上,Tomcat8.0以上。JDK1.7只支持继承重写的方式,而JDK1.8只支持注解的方式,本案例是使用注解的方式。有时候Tomcat会与WebSocket的jar包有冲突,因为Tomcat中自带的有Websocketjar包,所以写WebSocket时,不需要导入Websocket的jar包。如果项目有报错的话,我在压缩包里面有websocket的jar包,可以导入。本人在自己电脑(Tomcat8.5)上之前导入项目会报错,我导入websocket jar包后错误就解决啦,我在公司的电脑(Tomcat 8.0)直接导入不会报错,不需要导入websocket jar包。

本案例只做了群聊功能,注册、登录等功能还没有时间做,点击头像时可以私聊,这个功能,有兴趣的可以自己完善一下,以后我有时间再完善这个项目

### 1. 项目简介 ###

WebSocket 是HTML5一种新的协议,它实现了浏览器与服务器全双工通信,这里就将使用WebSocket来开发网页聊天室,前端框架会使用AmazeUI,后台使用Java,编辑器使用UMEditor。使用WebSocket协议实现的即时通讯聊天室,可作为学习DEMO使用,需要使用JavaEE7和Tomcat8才能正常运行,

### 2. 涉及知识点 ###

网页前端(HTML5 + CSS3 + JS)和 JavaEE。

### 3. 软件环境 ###

Tomcat8

JavaEE7

JDK8

Eclipse-JavaEE 或 MyEclipse

支持HTML5的浏览器

### 4. 相关框架 ###

jQuery—1.X

妹子UI(AmazeUI-2.5.2)

百度富文本编辑器(UMeditor1_2_2)

项目结构

基于java WebSocket实现的简单聊天室demo

运行截图

用户1发表聊天

基于java WebSocket实现的简单聊天室demo

用户2发表聊天

基于java WebSocket实现的简单聊天室demo

可以发送动态表情基于java WebSocket实现的简单聊天室demo


打赏

已有1人打赏

最代码官方的gravatar头像

文件名:WebChat.zip,文件大小:9510.313K下载
  • /
      • /WebSocketChat
        • /WebSocketChat/.classpath
        • /WebSocketChat/.project
          • /WebSocketChat/.settings
            • /WebSocketChat/.settings/.jsdtscope
            • /WebSocketChat/.settings/com.genuitec.eclipse.migration.prefs
            • /WebSocketChat/.settings/org.eclipse.jdt.core.prefs
            • /WebSocketChat/.settings/org.eclipse.wst.common.component
            • /WebSocketChat/.settings/org.eclipse.wst.common.project.facet.core.xml
            • /WebSocketChat/.settings/org.eclipse.wst.jsdt.ui.superType.container
            • /WebSocketChat/.settings/org.eclipse.wst.jsdt.ui.superType.name
        • /WebSocketChat/.tern-project
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友