ajax实现聊天室毕业设计论文.doc 15页

'华侨大学本科生毕业设计（论文）题目：用3号黑体字填写题目姓名：用4号宋体字填写姓名、学号、系别、专业、年级、指导老师和日期学号：系别：专业：年级：指导教师： 年月日学位论文独创性声明本人声明兹呈交的学位论文是本人在导师指导下完成的研究成果。论文写作中不包含其他人已经发表或撰写过的研究内容，如参考他人或集体的科研成果，均在论文中以明确的方式说明。本人依法享有和承担由此论文所产生的权利和责任。论文作者签名：签名日期：学位论文版权使用授权声明本人同意授权华侨大学有权保留并向国家机关或机构送交学位论文的复印件和电子版，允许学位论文被查阅和借阅。本人授权华侨大学可以将本学位论文的全部内容或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。论文作者签名：指导教师签名：签名日期：签名日期： 基于Ajax的Web聊天系统设计与实现居中，3号黑体，加粗；设置段前、段后距为1行；行距：固定值36磅摘要居中，4号黑体；设置段前、段后距为1行；行距：固定值24磅随着Internet摘要内容5号宋体；设置段前、段后距为0行；行距：固定值20磅的迅速发展，许多C/S结构的应用程序纷纷转向B/S结构的web应用程序。web版的应用程序，让用户可以利用基于浏览器的客户端轻松地使用程序，不用考虑平台之间的差异、程序可移植性好、容易部署并且维护简单。但由于B/S结构采用同步的请求/响应机制，浏览器中的页面在请求后要进行全部刷新，且在页面刷新的过程中，用户只能看着浏览器空白的界面不能做其他的事情。这严重影响了用户体验，使B/S结构的应用丧失了原有基于C/S结构的良好用户体验，一定程度上制约着web应用程序的发展。但近来，Google公司的GoogleMaps、Gmail和GoogleSuggest等web应用却打破了这个制约，给用户带来了良好的用户体验。Google在这方面的取得巨大的成功，这催生了Ajax概念的诞生，并吸引着越来越多的人构建具有丰富客户体验的web应用。目前常规的即时聊天工具如QQ要求要安装客户端(基于C/S模式)，这种要求在一定程度上会带来某种不便，但其丰富的用户交互功能吸引着众多的用户。本课题的目的是使用Ajax开发模式设计和实现一个web版的即时聊天系统，使B/S的web应用具有像C/S模式一样的用户交互。本文将通过介绍传统web应用的不足，引入Ajax技术，介绍什么是Ajax以及基于Ajax的web应用模型，总结Ajax在聊天系统中的应用，最后本文将通过设计和实现web版的即时聊天系统具体展示如何在web中的应用Ajax技术。关键词“关键词”三个字使用，5号，黑体，加粗：Ajax，web应用，聊天系统在“摘要内容”后空一行书写，5号宋体；关键词之间“，”分隔。7 DesignandImplementofWebChatSystemBaseonAjax居中、3号TimesNewRoman字体；段前、段后距为1行；行距：固定值36磅Abstract居中，4号TimesNewRoman字体，加粗；段前、段后距为1行；行距：固定值24磅Along英文摘要内容5号TimesNewRoman字体；段前、段后距为0行；行距：固定值20磅withtherapiddevelopmentofInternet,manyC/SbasedapplicationstranslatetoB/Sbasedwebapplications.……（其它内容略）KeyWords:Ajax,WebApplication,ChatSystem在“摘要内容”后空一行书写，5号TimesNewRoman字体；关键词之间“，”分隔7 目录居中，小2号黑体，两字之间空四格；段前、段后距为1行；行距：固定值36磅第1章绪论III1.1研究背景11.2研究意义11.3研究内容11.4论文组织1第2章Web版聊天系统的设计22.1功能设计22.2概要设计22.3详细设计22.3.1用户界面逻辑设计22.3.2数据库的设计32.3.3基于Ajax的web应用的交互逻辑3结论4参考文献5谢辞6附录一部分关键源码及解释7目录内容小4号宋体,行距：固定值20磅,标题列至一或二级节标题7 基于Ajax的Web聊天系统设计与实现第1章绪论章标题居中，黑体小2号；段前、段后距为1行；行距为固定值36磅1.1研究背景一级节标题序数顶格书写，后空1格书写标题，黑体小3号；段前、段后距为1行；行距为固定值24磅随着正文宋体小4号，段前、段后距为0行；行距为固定值20磅Internet的迅速发展，基于B/S的应用程序越来越受欢迎。在B/S结构程序中，用户可以利用基于浏览器的客户端轻松地使用程序；程序可以运行在不同的平台上，不用考虑平台之间的差异；只需部署服务器，客户端可以直接运行在浏览器上，部署简单且便于维护。B/S的诸多优点使众多软件商将Web作为首选平台，促使许多C/S结构的程序纷纷转向B/S结构。但由于互联网是一个同步的请求/响应系统，浏览器需要在请求后刷新整个页面。在页面刷新的过程中，用户只能看着浏览器空白的界面不能做其他的事情，这严重影响了用户体验，也制约着B/S结构程序的发展。同步请求和全部刷新，本质上是B/S请求响应机制所采用的HTTP协议决定的。这似乎是web理所当然的缺陷，但Google公司的GoogleMaps、Gmail和GoogleSuggest等web应用却打破了同步请求和全部刷新的制约，给用户带来了良好的用户体验[1]在引用到参考文献的内容末尾右上角（上标），放置文献编号，宋体小4号。Google在这方面的取得巨大的成功催生了Ajax概念的诞生，并吸引着越来越多的人构建具有丰富客户体验的web应用。传统的即时聊天系统是基于C/S结构的桌面应用程序，它的即时通讯功能和提供给用户的良好体验吸引着众多的用户。但基于C/S结构的聊天系统，要求用户一定要安装特定的客户端。这个要求在一定的程度上会带来种种不便，不能适应于不同操作系统平台；既要部署服务器，也要安装特定的客户端，部署不方便；系统升级时既要升级服务器也要升级客户端，升级和维护都及其不便[2]。1.2研究意义（内容略）1.3研究内容（内容略）1.4论文组织（内容略）7 基于Ajax的Web聊天系统设计与实现第2章每章均应另起一页Web版聊天系统的设计2.1功能设计（内容略）2.2概要设计基于Ajax的web即时聊天系统的概要设计如图2-1所示。图与前文间隔1行；图内文字宋体5号图2-1系统概要设计图图序按章编号；图序图名置于表的下方，居中，宋体5号（其它内容略图与后文间隔1行）2.3详细设计2.3.1用户界面逻辑设计二级节标题序数缩进2格书写，后空1格书写标题，黑体小3号；段前、段后距为1行；行距为固定值20磅（内容略）7 基于Ajax的Web聊天系统设计与实现2.3.2数据库的设计(1)item表、user_appended表和group_appended表总项包括的分项采用⑴、⑵、⑶…单独序号这三个表主要用来存储用户和群组信息。其中类型为用户的item表项和user_appended共同表示用户信息，类型为群组的item表项和group_appended共同表示群组信息。各表的字段设计如表2-1、表2-2、表2-3所示。表2-1item表表与前文间隔1行；表序按章编号；表序表名置于表的上方，居中，宋体5号字段名表格无左右边框；表内文字宋体5号数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARYKEY注册名display_nameVARCHAR(31)NOTNULL显示名Icon_srcVARCHAR(31)NOTNULL图标Item_typeVARCHAR(15)NOTNULL类型表2-2group_appended表字段名数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARYKEY注册名managerVARCHAR(31)FOREIGNKEY管理员表2-3user_appended表字段名数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARYKEY注册名passwordVARCHAR(31)NOTNULL密码genderVARCHAR(1)NOTNULL性别from_whereVARCHAR(63)NULL来自哪里email_addressVARCHAR(63)NULL电子邮箱phone_numberVARCHAR(31)NULL电话号码active_statusVARCHAR(7)NOTNULL状态从用户和群组中提取出共同的信息组成表与后文间隔1行item表，是考虑了如下的原因：分项中的小项采用①、②、③…的序号或数字加半括号在主窗口中，需要显示好友列表和群组列表，都需要获取好友列表或群组列表的注册名、显示名及图标，而不需要其它的具体信息。这样在显示好友或群组列表时，服务只需查询item表，并返回相应的内容。方便统一表达朋友关系和组员-组关系，进一步方便了消息(message)表的设计，具体好处将在设计message表时说明。7 基于Ajax的Web聊天系统设计与实现结论不加章号；另起一页；居中，黑体小2号；段前、段后距为1行；行距为固定值36磅本文通过web版的即时聊天系统的设计和实现具体论述了什么是Ajax，为什么要在web中使用Ajax及如何在web中应用Ajax技术。做的具体工作如下：(1)通过实践详细探究什么是Ajax，为什么要在web中使用Ajax，对这项新的技术或者说是新的开发模式做出比较直观的分析和展现；(2)通过设计和实现基于Ajax的web即时聊天系统，比较直观地展现Ajax在web中的应用及如何实现这些应用，为其它的基于Ajax的web应用的设计和实现提供参考；(3)设计和实现即时数据验证、二级联动下拉框、动态提示和自动更新等模块，尽可能地保留原有的基于C/S的良好用户体验，将原属于桌面应用的即时聊天系统移植到web中，为今后将桌面应用程序迁移成web版应用提供些许借鉴。通过这次的设计和实现基于Ajax的即时聊天系统，我深深地体会到了Ajax所带来的是web开发模式的变革，它使基于B/S结构的web应用的开发更像C/S结构的应用程序的开发——浏览器端引入了Ajax引擎，有了一定的处理能力，浏览器中的内容可以看成是一个应用，这地位类似于C/S中的客户端。由于时间仓促及能力有限，在研究基于Ajax的web应用时没有对安全问题进行研究。因此，本课题研究的下一步工作展望是，考虑Ajax的安全问题，研究更具健壮性的基于Ajax的实现框架。针对实现的web版即时聊天系统，增加聊天信息加密之类的功能。7 基于Ajax的Web聊天系统设计与实现参考文献另起一页；居中，黑体小2号；段前、段后距为1行；行距为固定值36磅[1]李智毅．新一代Web应用开发技术AJAX[C]．第二届和谐人机环境联合学术会议论文集.北京：清华大学出版社，2007：31-34按文中引用的先后顺序用[1]、[2]、[3]…编号，后空1格书写内容（格式详见“撰写规范”）；宋体小4号，段前3磅，段后0行；行距为固定值20磅[2]王培，冯曼菲．Web2.0开发技术详解[M]．北京：人民邮电出版社，2006．389-403，495-520.[3]GarrettJJ.Ajax:ANewApproachtoWebApplications[EB/OL].http://www.adaptivepath.com/publications/essays/archives/000385.php，2005-2-18[4][美]RyanAsleson,NathanielT.Schutta．Ajax基础教程[M]，金灵等译．北京：人民邮电出版社，2006：45-60．[5]徐驰.Ajax模式在异步交互Web环境中的应用[J].计算机技术与发展,2006,16(11)：229-233.[6]姚国新．基于Ajax的WEB应用技术的研究与实现[D]：［硕士学位论文］．陕西：西北大学信息科学与技术学院，2006．[7]（内容略）[8]（内容略）[9]（内容略）[10]（内容略）[11]（内容略）[12]（内容略）[13]（内容略）[14]（内容略）[15]格式应符合GB7714-87《文后参考文献著录规则》（内容略）7 基于Ajax的Web聊天系统设计与实现致谢另起一页；居中，黑体小2号；段前、段后距为1行；行距：固定值36磅在本文谢辞内容宋体小4号，段前、段后距为0行；行距：固定值20磅即将结束之际，我要由衷地感谢……（其它内容略）7 基于Ajax的Web聊天系统设计与实现附录1部分关键源码及解释居中，黑体小2号；段前、段后距为1行；行距：固定值36磅在这部分附录内容宋体小4号；行距：固定值20磅，将结合具体的源代码具体说明系统的执行流程和逻辑。（内容略）7'