八年级基于Ajax的Web聊天系统设计与实现Word文件下载.docx

1、独创性声明本毕业设计（论文）是我个人在导师指导下完成的。文中引用他人研究成果的部分已在标注中说明；其他同志对本设计（论文）的启发和贡献均已在谢辞中体现；其它内容及成果为本人独立完成。特此声明。论文作者签名： 日期： 关于论文使用授权的说明本人完全了解福州大学至诚学院有关保留、使用学位论文的规定，即：学院有权保留送交论文的印刷本、复印件和电子版本，允许论文被查阅和借阅；学院可以公布论文的全部或部分内容，可以采用影印、缩印、数字化或其他复制手段保存论文。保密的论文在解密后应遵守此规定。 指导教师签名：基于Ajax的Web聊天系统设计与实现摘要随着Internet的迅速发展，许多C/S结构的应用程序

2、纷纷转向B/S结构的web应用程序。web版的应用程序，让用户可以利用基于浏览器的客户端轻松地使用程序，不用考虑平台之间的差异、程序可移植性好、容易部署并且维护简单。但由于B/S结构采用同步的请求/响应机制，浏览器中的页面在请求后要进行全部刷新，且在页面刷新的过程中，用户只能看着浏览器空白的界面不能做其他的事情。这严重影响了用户体验，使B/S结构的应用丧失了原有基于C/S结构的良好用户体验，一定程度上制约着web应用程序的发展。但近来，Google公司的Google Maps、Gmail和Google Suggest等web应用却打破了这个制约，给用户带来了良好的用户体验。Google在这方面

3、的取得巨大的成功，这催生了Ajax概念的诞生，并吸引着越来越多的人构建具有丰富客户体验的web应用。目前常规的即时聊天工具如QQ要求要安装客户端（基于C/S模式），这种要求在一定程度上会带来某种不便，但其丰富的用户交互功能吸引着众多的用户。本课题的目的是使用Ajax开发模式设计和实现一个web版的即时聊天系统，使B/S的web应用具有像C/S模式一样的用户交互。本文将通过介绍传统web应用的不足，引入Ajax技术，介绍什么是Ajax以及基于Ajax的web应用模型，总结Ajax在聊天系统中的应用，最后本文将通过设计和实现web版的即时聊天系统具体展示如何在web中的应用Ajax技术。关键词：A

4、jax，web应用，聊天系统Design and Implement of Web Chat System Base on Ajax AbstractAlong with the rapid development of Internet, many C/S based applications translate to B/S based web applications. （其它内容略）Key Words: Ajax, Web Application, Chat System 目 录第1章 绪论 11.1 研究背景 11.2 研究意义 11.3 研究内容 11.4 论文组织 1第2章 技术

5、背景介绍 2第3章 Web版聊天系统的设计 33.1 功能设计 33.2 概要设计 33.3详细设计 33.3.1用户界面逻辑设计 33.3.2 数据库的设计 43.3.3 基于Ajax的web应用的交互逻辑 53.4 本章小结 5第4章 Web版聊天系统的实现 6结论 7参考文献 8谢辞 9附录一 部分关键源码及解释 10第1章 绪论1.1 研究背景随着Internet的迅速发展，基于B/S的应用程序越来越受欢迎。在B/S结构程序中，用户可以利用基于浏览器的客户端轻松地使用程序；程序可以运行在不同的平台上，不用考虑平台之间的差异；只需部署服务器，客户端可以直接运行在浏览器上，部署简单且便于维

6、护。B/S的诸多优点使众多软件商将Web作为首选平台，促使许多C/S结构的程序纷纷转向B/S结构。但由于互联网是一个同步的请求/响应系统，浏览器需要在请求后刷新整个页面。在页面刷新的过程中，用户只能看着浏览器空白的界面不能做其他的事情，这严重影响了用户体验，也制约着B/S结构程序的发展。同步请求和全部刷新，本质上是B/S请求响应机制所采用的HTTP协议决定的。这似乎是web理所当然的缺陷，但Google公司的Google Maps、Gmail和Google Suggest等web应用却打破了同步请求和全部刷新的制约，给用户带来了良好的用户体验1。Google在这方面的取得巨大的成功催生了Aja

7、x概念的诞生，并吸引着越来越多的人构建具有丰富客户体验的web应用。传统的即时聊天系统是基于C/S结构的桌面应用程序，它的即时通讯功能和提供给用户的良好体验吸引着众多的用户。但基于C/S结构的聊天系统，要求用户一定要安装特定的客户端。这个要求在一定的程度上会带来种种不便，不能适应于不同操作系统平台；既要部署服务器，也要安装特定的客户端，部署不方便；系统升级时既要升级服务器也要升级客户端，升级和维护都及其不便2。1.2 研究意义（内容略）1.3 研究内容1.4 论文组织第2章 技术背景介绍第3章 Web版聊天系统的设计3.1 功能设计3.2 概要设计基于Ajax的web即时聊天系统的概要设计如图

8、3-1所示。图3-1 系统概要设计图（其它内容略）3.3详细设计3.3.1用户界面逻辑设计3.3.2 数据库的设计（1） item表、user_appended表和group_appended表这三个表主要用来存储用户和群组信息。其中类型为用户的item表项和user_appended共同表示用户信息，类型为群组的item表项和group_appended共同表示群组信息。各表的字段设计如表3-1、表3-2、表3-3所示。表3-1 item表字段名数据类型主键/允许空字段含义register_nameVARCHAR（31）PRIMARY KEY注册名display_nameNOT NULL显示

9、名Icon_src图标Item_typeVARCHAR（15）类型表3-2 group_appended表managerFOREIGN KEY管理员表3-3 user_appended表password密码genderVARCHAR（1）性别from_whereVARCHAR（63）NULL来自哪里email_address电子邮箱phone_number电话号码active_statusVARCHAR（7）状态从用户和群组中提取出共同的信息组成item表，是考虑了如下的原因： 在主窗口中，需要显示好友列表和群组列表，都需要获取好友列表或群组列表的注册名、显示名及图标，而不需要其它的具体信息。

10、这样在显示好友或群组列表时，服务只需查询item表，并返回相应的内容。方便统一表达朋友关系和组员-组关系，进一步方便了消息（message）表的设计，具体好处将在设计message表时说明。因为每个用户（或群组）信息都由类型为用户（或群组）的item表项及user_appended（或group_appended）表的相应表项共同表示。user_appended表和group_appended表中每个表项关键字的值应该唯一对应于item表某个表项关键字的值。（2） relationship表（其它表内容略）3.3.3 基于Ajax的web应用的交互逻辑3.4 本章小结第4章 Web版聊天系统的

11、实现结论本文通过web版的即时聊天系统的设计和实现具体论述了什么是Ajax，为什么要在web中使用Ajax及如何在web中应用Ajax技术。做的具体工作如下：（1） 通过实践详细探究什么是Ajax，为什么要在web中使用Ajax，对这项新的技术或者说是新的开发模式做出比较直观的分析和展现；（2） 通过设计和实现基于Ajax的web即时聊天系统，比较直观地展现Ajax在web中的应用及如何实现这些应用，为其它的基于Ajax的web应用的设计和实现提供参考；（3） 设计和实现即时数据验证、二级联动下拉框、动态提示和自动更新等模块，尽可能地保留原有的基于C/S的良好用户体验，将原属于桌面应用的即时聊

12、天系统移植到web中，为今后将桌面应用程序迁移成web版应用提供些许借鉴。通过这次的设计和实现基于Ajax的即时聊天系统，我深深地体会到了Ajax所带来的是web开发模式的变革，它使基于B/S结构的web应用的开发更像C/S结构的应用程序的开发浏览器端引入了Ajax引擎，有了一定的处理能力，浏览器中的内容可以看成是一个应用，这地位类似于C/S中的客户端。由于时间仓促及能力有限，在研究基于Ajax的web应用时没有对安全问题进行研究。因此，本课题研究的下一步工作展望是，考虑Ajax的安全问题，研究更具健壮性的基于Ajax的实现框架。针对实现的web版即时聊天系统，增加聊天信息加密之类的功能。参考

13、文献1 李智毅新一代Web应用开发技术AJAXC/孙立峰第二届和谐人机环境联合学术会议论文集. 北京：清华大学出版社，200731-342 王培，冯曼菲Web 2.0开发技术详解M北京：人民邮电出版社，2006389-403，495-520.3 Garrett J J. Ajax:A New Approach to Web ApplicationsEB/OL. 4 美Ryan Asleson , Nathaniel T.SchuttaAjax 基础教程，金灵等译北京：人民邮电出版社，20065 徐驰. Ajax模式在异步交互Web环境中的应用J. 计算机技术与发展,2006,16（11）：229-233.6 姚国新基于Ajax的WEB应用技术的研究与实现D：硕士学位论文陕西：西北大学信息科学与技术学院，20067 （内容略）8 （内容略）9 （内容略）10 （内容略）11 （内容略）12 （内容略）13 （内容略）14 （内容略）15 （内容略）谢辞在本文即将结束之际，我要由衷地感谢（其它内容略）附录1 部分关键源码及解释在这部分，将结合具体的源代码具体说明系统的执行流程和逻辑。