实例介绍
springboot+websocket+mysql,实现实时聊天系统,简单demo。包括login 登录页、register 注册页、friend_list 好友列表、message_conver聊天视图 四个页面。
【实例截图】
【核心代码】
cs20190309
└── cs20190309
├── custserviceDemo
│ ├── pom.xml
│ ├── src
│ │ ├── main
│ │ │ ├── java
│ │ │ │ └── com
│ │ │ │ └── a
│ │ │ │ └── custservice
│ │ │ │ ├── Application.java
│ │ │ │ ├── config
│ │ │ │ │ ├── MybatiesConfiguration.java
│ │ │ │ │ └── WebSocketConfig.java
│ │ │ │ ├── controller
│ │ │ │ │ ├── IndexController.java
│ │ │ │ │ └── SysControlller.java
│ │ │ │ ├── enty
│ │ │ │ │ ├── Friend.java
│ │ │ │ │ ├── Message.java
│ │ │ │ │ ├── ResultBase.java
│ │ │ │ │ └── User.java
│ │ │ │ ├── mapper
│ │ │ │ │ ├── FriendMapper.java
│ │ │ │ │ ├── MessageMapper.java
│ │ │ │ │ └── UserMapper.java
│ │ │ │ ├── service
│ │ │ │ │ ├── FriendService.java
│ │ │ │ │ ├── MessageService.java
│ │ │ │ │ └── UserService.java
│ │ │ │ └── websocket
│ │ │ │ ├── ServerEncoder.java
│ │ │ │ └── SocketServer.java
│ │ │ ├── resources
│ │ │ │ ├── application.properties
│ │ │ │ ├── mapper
│ │ │ │ │ ├── FriendMapper.xml
│ │ │ │ │ ├── MessageMapper.xml
│ │ │ │ │ └── UserMapper.xml
│ │ │ │ ├── static
│ │ │ │ │ ├── angular
│ │ │ │ │ │ ├── angular-animate.js
│ │ │ │ │ │ ├── angular-aria.js
│ │ │ │ │ │ ├── angular-cookies.js
│ │ │ │ │ │ ├── angular-loader.js
│ │ │ │ │ │ ├── angular-message-format.js
│ │ │ │ │ │ ├── angular-messages.js
│ │ │ │ │ │ ├── angular-mocks.js
│ │ │ │ │ │ ├── angular-resource.js
│ │ │ │ │ │ ├── angular-route.js
│ │ │ │ │ │ ├── angular-sanitize.js
│ │ │ │ │ │ ├── angular-scenario.js
│ │ │ │ │ │ ├── angular-touch.js
│ │ │ │ │ │ ├── angular.js
│ │ │ │ │ │ ├── bootstrap.js
│ │ │ │ │ │ ├── html5shiv.min.js
│ │ │ │ │ │ ├── i18n
│ │ │ │ │ │ │ ├── angular-locale_en.js
│ │ │ │ │ │ │ └── angular-locale_zh-cn.js
│ │ │ │ │ │ ├── jquery-1.11.3.js
│ │ │ │ │ │ ├── jquery-2.2.3.min.js
│ │ │ │ │ │ └── respond.min.js
│ │ │ │ │ ├── jquery
│ │ │ │ │ │ └── jquery.min.js
│ │ │ │ │ └── ry
│ │ │ │ │ ├── Gruntfile.js
│ │ │ │ │ ├── README.md
│ │ │ │ │ ├── css
│ │ │ │ │ │ └── RongIMWidget.css
│ │ │ │ │ ├── demo
│ │ │ │ │ │ ├── RongIMLib-dev.js
│ │ │ │ │ │ ├── common.js
│ │ │ │ │ │ ├── customerservice
│ │ │ │ │ │ │ ├── index.html
│ │ │ │ │ │ │ └── index.js
│ │ │ │ │ │ ├── index.html
│ │ │ │ │ │ ├── main.css
│ │ │ │ │ │ ├── online.json
│ │ │ │ │ │ ├── user1
│ │ │ │ │ │ │ ├── index.html
│ │ │ │ │ │ │ └── index.js
│ │ │ │ │ │ ├── user2
│ │ │ │ │ │ │ ├── index.html
│ │ │ │ │ │ │ └── index.js
│ │ │ │ │ │ └── userinfo.json
│ │ │ │ │ ├── doc
│ │ │ │ │ │ ├── 客服.md
│ │ │ │ │ │ └── 开发文档.md
│ │ │ │ │ ├── images
│ │ │ │ │ │ ├── arrow-mini.png
│ │ │ │ │ │ ├── arrow-mini2.png
│ │ │ │ │ │ ├── arrow.png
│ │ │ │ │ │ ├── audioBg.png
│ │ │ │ │ │ ├── icon.png
│ │ │ │ │ │ ├── icons.png
│ │ │ │ │ │ ├── kefuicon.png
│ │ │ │ │ │ ├── sms-received.mp3
│ │ │ │ │ │ ├── star_off.png
│ │ │ │ │ │ ├── star_on.png
│ │ │ │ │ │ ├── voice.png
│ │ │ │ │ │ ├── voice1.png
│ │ │ │ │ │ └── webBg.png
│ │ │ │ │ ├── index.html
│ │ │ │ │ ├── js
│ │ │ │ │ │ └── RongIMWidget.js
│ │ │ │ │ ├── package.json
│ │ │ │ │ ├── ts
│ │ │ │ │ │ ├── common.ts
│ │ │ │ │ │ ├── conversation
│ │ │ │ │ │ │ ├── conversation.module.ts
│ │ │ │ │ │ │ ├── conversation.tpl.html
│ │ │ │ │ │ │ ├── conversationController.ts
│ │ │ │ │ │ │ ├── conversationDirective.ts
│ │ │ │ │ │ │ └── conversationServer.ts
│ │ │ │ │ │ ├── conversationlist
│ │ │ │ │ │ │ ├── conversatioList.module.ts
│ │ │ │ │ │ │ ├── conversationList.tpl.html
│ │ │ │ │ │ │ ├── conversationListController.ts
│ │ │ │ │ │ │ ├── conversationListDirective.ts
│ │ │ │ │ │ │ └── conversationListServer.ts
│ │ │ │ │ │ ├── core.ts
│ │ │ │ │ │ ├── customerservice.ts
│ │ │ │ │ │ ├── evaluate
│ │ │ │ │ │ │ ├── evaluate.tpl.html
│ │ │ │ │ │ │ └── evaluateDirective.ts
│ │ │ │ │ │ ├── main.module.ts
│ │ │ │ │ │ ├── main.tpl.html
│ │ │ │ │ │ ├── main.ts
│ │ │ │ │ │ ├── module.ts
│ │ │ │ │ │ ├── rongimsdk.ts
│ │ │ │ │ │ └── service.ts
│ │ │ │ │ ├── tsconfig.json
│ │ │ │ │ ├── tsd.json
│ │ │ │ │ └── vendor
│ │ │ │ │ ├── FlashUpload.js
│ │ │ │ │ ├── FlashUpload.swf
│ │ │ │ │ ├── RongIMLib.d.ts
│ │ │ │ │ ├── angular-1.4.8.js
│ │ │ │ │ ├── jquery-2.2.2.js
│ │ │ │ │ ├── jquery.nicescroll-3.6.8.js
│ │ │ │ │ ├── jqueryrebox
│ │ │ │ │ │ ├── jquery-rebox-0.1.0.css
│ │ │ │ │ │ └── jquery-rebox-0.1.0.js
│ │ │ │ │ ├── plupload.full.min-2.1.1.js
│ │ │ │ │ ├── qiniu-1.0.17.js
│ │ │ │ │ └── window.d.ts
│ │ │ │ └── templates
│ │ │ │ ├── friend_list.html
│ │ │ │ ├── login.html
│ │ │ │ ├── message_conver.html
│ │ │ │ └── register.html
│ │ │ └── webapp
│ │ │ ├── WEB-INF
│ │ │ │ └── web.xml
│ │ │ └── index.jsp
│ │ └── springboot
│ │ └── ryweb
│ │ └── target
│ │ └── m2e-wtp
│ │ └── web-resources
│ └── target
│ ├── classes
│ │ ├── application.properties
│ │ ├── com
│ │ │ └── a
│ │ │ └── custservice
│ │ │ ├── Application.class
│ │ │ ├── config
│ │ │ │ ├── MybatiesConfiguration.class
│ │ │ │ └── WebSocketConfig.class
│ │ │ ├── controller
│ │ │ │ ├── IndexController.class
│ │ │ │ └── SysControlller.class
│ │ │ ├── enty
│ │ │ │ ├── Friend.class
│ │ │ │ ├── Message.class
│ │ │ │ ├── ResultBase.class
│ │ │ │ └── User.class
│ │ │ ├── mapper
│ │ │ │ ├── FriendMapper.class
│ │ │ │ ├── MessageMapper.class
│ │ │ │ └── UserMapper.class
│ │ │ ├── service
│ │ │ │ ├── FriendService.class
│ │ │ │ ├── MessageService.class
│ │ │ │ └── UserService.class
│ │ │ └── websocket
│ │ │ ├── ServerEncoder.class
│ │ │ └── SocketServer.class
│ │ ├── mapper
│ │ │ ├── FriendMapper.xml
│ │ │ ├── MessageMapper.xml
│ │ │ └── UserMapper.xml
│ │ ├── static
│ │ │ ├── angular
│ │ │ │ ├── angular-animate.js
│ │ │ │ ├── angular-aria.js
│ │ │ │ ├── angular-cookies.js
│ │ │ │ ├── angular-loader.js
│ │ │ │ ├── angular-message-format.js
│ │ │ │ ├── angular-messages.js
│ │ │ │ ├── angular-mocks.js
│ │ │ │ ├── angular-resource.js
│ │ │ │ ├── angular-route.js
│ │ │ │ ├── angular-sanitize.js
│ │ │ │ ├── angular-scenario.js
│ │ │ │ ├── angular-touch.js
│ │ │ │ ├── angular.js
│ │ │ │ ├── bootstrap.js
│ │ │ │ ├── html5shiv.min.js
│ │ │ │ ├── i18n
│ │ │ │ │ ├── angular-locale_en.js
│ │ │ │ │ └── angular-locale_zh-cn.js
│ │ │ │ ├── jquery-1.11.3.js
│ │ │ │ ├── jquery-2.2.3.min.js
│ │ │ │ └── respond.min.js
│ │ │ ├── jquery
│ │ │ │ └── jquery.min.js
│ │ │ └── ry
│ │ │ ├── Gruntfile.js
│ │ │ ├── README.md
│ │ │ ├── css
│ │ │ │ └── RongIMWidget.css
│ │ │ ├── demo
│ │ │ │ ├── RongIMLib-dev.js
│ │ │ │ ├── common.js
│ │ │ │ ├── customerservice
│ │ │ │ │ ├── index.html
│ │ │ │ │ └── index.js
│ │ │ │ ├── index.html
│ │ │ │ ├── main.css
│ │ │ │ ├── online.json
│ │ │ │ ├── user1
│ │ │ │ │ ├── index.html
│ │ │ │ │ └── index.js
│ │ │ │ ├── user2
│ │ │ │ │ ├── index.html
│ │ │ │ │ └── index.js
│ │ │ │ └── userinfo.json
│ │ │ ├── doc
│ │ │ │ ├── 客服.md
│ │ │ │ └── 开发文档.md
│ │ │ ├── images
│ │ │ │ ├── arrow-mini.png
│ │ │ │ ├── arrow-mini2.png
│ │ │ │ ├── arrow.png
│ │ │ │ ├── audioBg.png
│ │ │ │ ├── icon.png
│ │ │ │ ├── icons.png
│ │ │ │ ├── kefuicon.png
│ │ │ │ ├── sms-received.mp3
│ │ │ │ ├── star_off.png
│ │ │ │ ├── star_on.png
│ │ │ │ ├── voice.png
│ │ │ │ ├── voice1.png
│ │ │ │ └── webBg.png
│ │ │ ├── index.html
│ │ │ ├── js
│ │ │ │ └── RongIMWidget.js
│ │ │ ├── package.json
│ │ │ ├── ts
│ │ │ │ ├── common.ts
│ │ │ │ ├── conversation
│ │ │ │ │ ├── conversation.module.ts
│ │ │ │ │ ├── conversation.tpl.html
│ │ │ │ │ ├── conversationController.ts
│ │ │ │ │ ├── conversationDirective.ts
│ │ │ │ │ └── conversationServer.ts
│ │ │ │ ├── conversationlist
│ │ │ │ │ ├── conversatioList.module.ts
│ │ │ │ │ ├── conversationList.tpl.html
│ │ │ │ │ ├── conversationListController.ts
│ │ │ │ │ ├── conversationListDirective.ts
│ │ │ │ │ └── conversationListServer.ts
│ │ │ │ ├── core.ts
│ │ │ │ ├── customerservice.ts
│ │ │ │ ├── evaluate
│ │ │ │ │ ├── evaluate.tpl.html
│ │ │ │ │ └── evaluateDirective.ts
│ │ │ │ ├── main.module.ts
│ │ │ │ ├── main.tpl.html
│ │ │ │ ├── main.ts
│ │ │ │ ├── module.ts
│ │ │ │ ├── rongimsdk.ts
│ │ │ │ └── service.ts
│ │ │ ├── tsconfig.json
│ │ │ ├── tsd.json
│ │ │ └── vendor
│ │ │ ├── FlashUpload.js
│ │ │ ├── FlashUpload.swf
│ │ │ ├── RongIMLib.d.ts
│ │ │ ├── angular-1.4.8.js
│ │ │ ├── jquery-2.2.2.js
│ │ │ ├── jquery.nicescroll-3.6.8.js
│ │ │ ├── jqueryrebox
│ │ │ │ ├── jquery-rebox-0.1.0.css
│ │ │ │ └── jquery-rebox-0.1.0.js
│ │ │ ├── plupload.full.min-2.1.1.js
│ │ │ ├── qiniu-1.0.17.js
│ │ │ └── window.d.ts
│ │ └── templates
│ │ ├── friend_list.html
│ │ ├── login.html
│ │ ├── message_conver.html
│ │ └── register.html
│ └── m2e-wtp
│ └── web-resources
│ └── META-INF
│ ├── MANIFEST.MF
│ └── maven
│ └── com.gx
│ └── ryweb
│ ├── pom.properties
│ └── pom.xml
├── custservicedb.sql
└── readme.txt
81 directories, 234 files
标签:
相关软件
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论