微信小程序oracle,Git

#WebChat聊天室

- 使用mysql替换oracle

- 整理了一下结构, 删除了多余的代码

##一.所用技术

项目使用Maven构建,后台使用的语言是JAVA

框架为Spring + Spring MVC + Mybatis

数据库使用的是Oracle 10gMySQL

前端采用Amaze UI,弹窗和分页使用的是Layer,当然还有Jquery...

##二.数据交互格式

在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

##五.截图

聊天截图

b36cfbff21e5f1204cbe2b2b7554627a.png

e7318cf0b9143f8aaf6ac03eb0e1f97e.png

个人设置

3.png

系统设置

7d56bea8339518dec7828f7650e4b840.png

系统日志

5.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值