基于JAVA EE的 聊天web app
摘要:本聊天web app后端程序主要基于JAVA WEB 整合了Spring,Spring MVC,MyBatis 等框架技术,而前端程序主要基于JQuery,Bootstrap,Vue 等框架技术。为有通过浏览器聊天的需求的用户提供了一个在线聊天交友的平台,解决了许多社交软件并不能跨平台或是无法通过浏览器聊天的问题,该软件具有响应式的特征可以根据设备大小自动调整页面布局使得用户获得一个人舒适的人机交互体验,并且该软件具有友好地用户界面以方便用户快速适应这样的应用模式,该论文便是围绕着这样一个软件是如和构成的来展开叙述。
关键词:互联网;社交;响应式; 跨平台
JAVA EE based chat web app
Abstract: The chat web app backend program is mainly based on JAVA WEB integration of Spring, Spring MVC, MyBatis and other framework technologies, while the front-end programs are mainly based on JQuery, Bootstrap, Vue and other framework technologies. Providing a platform for online chat friends for users who have the need to chat through the browser, solves the problem that many social software can't be cross-platform or can't chat through the browser. The software has responsive features that can be automatically based on device size. Adjusting the page layout allows the user to get a comfortable human-computer interaction experience, and the software has a friendly user interface to facilitate the user to quickly adapt to such an application mode. The paper revolves around the fact that such a software is structured and constructed.
Keywords: Internet; social; responsive; cross-platform
一、系统概述
(一)系统简介
近些年来互联网行业在中国有了长足的发展,带动了中国的经济发展,同时被带动的还有社交行业,传统的社交模式在互联网的发展下发生了变化。市面上开始涌现出越来越多的社交软件如qq,微信等,但是这些社交软件普遍有一些缺点:不具有完全的跨平台性,比如linux用户就无法使用微信或是qq客户端,而qq网页版也在2019.1.1日停止维护,所以一个具有跨平台特性的响应式的聊天web app是被需要的。
这个聊天软件基于JAVA EE,使用Spring,Spring MVC,Mybatis等后框架以及Bootstrap,JQuery,Vue等前端框架开发,这些框架都是开源的,都可以在github及其官方网站找到其文档;并且使用这些框架构建的web app 具有良好的跨平台特性,使其可以在任何终端上被运行和使用,为使用linux系统或是不想下载客户端软件的用户提供了便利。
(二)开发工具
1、JetBrains Intellij IDEA
JetBrains Intellij IDEA具有如下特点:
(1)智能化提示:IDEA与传统的JAVA IDE诸如Ecplise,NetBeans相比更加智能,尤其在进行xml文件的配置时能智能的加载远程的dtd文件,使得对基于xml的文件的配置变得更加简单
(2)框架支持:IDEA对Spring 系列的框架的支持很好可以轻松的构建基于maven的web项目,也可以轻松的构建SpringBoot项目。
(3)模块化:其独有的模块化管理使得每个模块功能明确,使得模块间的关系更加明确。
(4)文档丰富:其官网下有齐全的文档,可以让使用JetBrainss Intellij IDEA的新手更加容易的开始开发。
2、MySQL 8.0.14
MySQL 8.0.14具有如下特点:
(1)开源性:mysql是开源的数据库软件具有丰富社区支持和文档支持。
(2)用户界面:具有cli方便在linux服务器端对数据库进行及时维护,也有Navicat和Mysql WorkBench等GUI界面方便对本地数据的管理
3、 Visual Studio Code
Visual Studio Code具有如下特点:
(1)跨平台:可以在Linux,windows,mac os等平台使用
(2)插件支持:可以集成各种第三方插件,极大的方便了了开发流程
(3) 热更新:在编写前端代码是可以及时更新并看到效果
4、 Google Chrome
Google Chrome 具有如下特点:
(1)javaScript断点:可以在运行时插入JavaScript断点,方便调试
(2)html文档树浏览:开发者选项可以对html文档树进行展示方便html的编写
目 录
目 录 0
JAVA EE based chat web app 1
一、 系统概述 1
(一)系统简介 1
(二)开发工具 2
1、JetBrains Intellij IDEA 2
2、 MySQL 8.0.14 2
3、 Visual Studio Code 2
4、 Google Chrome 3
二、 系统分析 3
(一) 需求分析 3
(二) 业务分析 4
1. 账号注册: 4
2. 账号登录: 4
3. 侧边导航: 4
4. 上传头像: 4
5. 搜索其他用户: 4
6. 添加好友: 4
7. 消息通知: 5
8. 分组及好友列表: 5
9. 好友详细信息: 5
10. 会话列表: 5
11. 聊天: 5
12. 分组管理: 5
(三) 功能模块设计 6
三、 数据库设计 7
四、 系统实施 10
五、 系统测试 28
系统测试表 28
六、 使用说明 30
七、 结束语 31
八、 参考文献 32
八、参考文献
[1] Ben Forta.MySQL必知必会[M].北京:人民邮电出版社,2009.
[2] craftpip.jquery-confirm官方文档. http://craftpip.github.io/jquery-confirm/
[3] 徐涛.深入理解Bootstrap[M].北京:机械工业出版社,2014