<p> 【实例简介】
讯享网
讯享网一.所用技术<br />
项目使用Maven构建,后台使用的语言是JAVA
框架为Spring Spring MVC Mybatis
数据库使用的是Oracle 10gMySQL
前端采用Amaze UI,弹窗和分页使用的是Layer,当然还有Jquery…
开发工具使用的是IntelliJ IDEA 15.0.1
二.数据交互格式
在WebChat中定义的前后台数据交换格式如下:
<br /> "message" : {<br /> <span> </span>"from" : "xxx",<br /> <span> </span>"to" : "xxx",<br /> <span> </span>"content" : "xxxxxx",<br /> <span> </span>"time" : "xxxx.xx.xx"<br /> },<br /> "type" : {<br /> <span> </span>"xxx"<br /> },<br /> "list" : {<br /> <span> </span>["xx","xx"]<br /> }<br />
其中,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/
【实例截图】

讯享网<img src="https://img01.haolizi.net/2019/04/18/cf/e/3/cfe34d9913e5fdabc9edc5a8e8caf303.png" title="from clipboard" alt="from clipboard" />
<img src="https://img01.haolizi.net/2019/04/18/4a/2/5/4a2567d7719b2908f725ceba87.png" title="from clipboard" alt="from clipboard" />
讯享网【核心代码】

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/168520.html