Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/ WebChat Public
forked from Amayadream/WebChat

A simple webchat power by websocket

Notifications You must be signed in to change notification settings

wanp11/WebChat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

38 Commits

Repository files navigation

#WebChat聊天室 2017年01月11日更新

- 使用mysql替换oracle 
- 整理了一下结构, 删除了多余的代码

##一.所用技术 项目使用Maven构建,后台使用的语言是JAVA

框架为Spring + Spring MVC + Mybatis

数据库使用的是(削除) Oracle 10g (削除ここまで)MySQL 前端采用Amaze UI,弹窗和分页使用的是Layer,当然还有Jquery...

开发工具使用的是IntelliJ IDEA 15.0.1

##二.数据交互格式 在WebChat中定义的前后台数据交换格式如下:

"message" : {
	"from" : "xxx",
	"to" : "xxx",
	"content" : "xxxxxx",
	"time" : "xxxx.xx.xx"
},
"type" : {
	"xxx"
},
"list" : {
	["xx","xx"]
}

其中,message是消息部分,from是发信人用户名,to是收信人用户名(如果是群聊则置空),content是消息内容,time是发送时间,这里发信时间是前台JS获取,from和to都是直接用用户名而不是昵称....都是为了偷懒

type是消息类型,分为两种,notice和message.notice是提示类型,比如xxx用户加入了聊天室,xxx用户离开了聊天室;message是消息类型,就是用户之间发送的消息

list是当前在线的用户名的列表,只在后台触发onopen和onclose时返回list,然后更新前台的在线列表,实现实时的列表展示

##三.实现功能 用户登录,用户信息展示,用户信息修改,用户头像修改,修改密码,在线聊天,在线列表展示,群聊和私聊,日志记录展示等.

##四.使用方法 数据库:webapp/file/sql/webchat.sql,直接导入数据库即可

JAR包:在webapp/file/jar,这里放了所有用到的JAR包,方便不会maven的同学,不过还是建议学一学maven

项目直接导入eclipse或者idea即可 内置两个账号:admin/admin, Amayadream/123456

##五.截图 聊天截图 聊天截图 聊天截图 个人设置 个人设置 系统设置 系统设置 系统日志 系统日志

About

A simple webchat power by websocket

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.2%
  • CSS 38.6%
  • Java 6.2%

AltStyle によって変換されたページ (->オリジナル) /