




已阅读5页,还剩8页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
厦门工学院 毕业设计(论文)厦门工学院单面打印。本科生毕业设计(论文)以下填写内容区域,实际为隐藏部分边框的表格,请勿编辑表格,直接填入信息即可。题目部分,三号黑体字;其他部分,四号宋体字。表格内文本对齐方式为居中靠下对齐。题 目:题目原则上应不超过20字。姓 名:学 号:系 别:专 业:年 级:指导教师:年 月 日 独创性声明单面打印本毕业设计(论文)是我个人在导师指导下完成的。文中引用他人研究成果的部分已在标注中说明;其他同志对本设计(论文)的启发和贡献均已在谢辞中体现;其它内容及成果为本人独立完成。特此声明。论文作者签名: 日期: 关于论文使用授权的说明本人完全了解厦门工学院有关保留、使用学位论文的规定,即:学院有权保留送交论文的印刷本、复印件和电子版本,允许论文被查阅和借阅;学院可以公布论文的全部或部分内容,可以采用影印、缩印、数字化或其他复制手段保存论文。保密的论文在解密后应遵守此规定。论文作者签名: 指导教师签名: 日期: 单面打印。基于Ajax的Web聊天系统设计与实现居中,黑体三号字,加粗;设置段前、段后距为1行;行距:固定值36磅。摘要居中,黑体四号字;设置段前、段后距为1行;行距:固定值24磅。随着Internet的迅速发展,许多C/S结构的应用程序纷纷转向B/S结构的web应用程序。web版摘要内容宋体五号字;设置段前、段后距为0行;行距:固定值20磅。的应用程序,让用户可以利用基于浏览器的客户端轻松地使用程序,不用考虑平台之间的差异、程序可移植性好、容易部署并且维护简单。但由于B/S结构采用同步的请求/响应机制,浏览器中的页面在请求后要进行全部刷新,且在页面刷新的过程中,用户只能看着浏览器空白的界面不能做其他的事情。这严重影响了用户体验,使B/S结构的应用丧失了原有基于C/S结构的良好用户体验,一定程度上制约着web应用程序的发展。但近来,Google公司的Google Maps、Gmail和Google Suggest等web应用却打破了这个制约,给用户带来了良好的用户体验。Google在这方面的取得巨大的成功,这催生了Ajax概念的诞生,并吸引着越来越多的人构建具有丰富客户体验的web应用。目前常规的即时聊天工具如QQ要求要安装客户端(基于C/S模式),这种要求在一定程度上会带来某种不便,但其丰富的用户交互功能吸引着众多的用户。本课题的目的是使用Ajax开发模式设计和实现一个web版的即时聊天系统,使B/S的web应用具有像C/S模式一样的用户交互。本文将通过介绍传统web应用的不足,引入Ajax技术,介绍什么是Ajax以及基于Ajax的web应用模型,总结Ajax在聊天系统中的应用,最后本文将通过设计和实现web版的即时聊天系统具体展示如何在web中的应用Ajax技术。关键词:“关键词”三字使用黑体五号字,加粗。Ajax,web应用,聊天系统在“摘要内容”后空一行书写,宋体五号字;关键词之间“,”分隔。单面打印。Design and Implement of Web Chat System Base on Ajax 居中,Times New Roman三号字;段前、段后距为1行;行距:固定值36磅。Abstract居中,Times New Roman四号字,加粗;段前、段后距为1行;行距:固定值24磅。Along 英文摘要内容Times New Roman五号字;段前、段后距为0行;行距:固定值20磅。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 在“摘要内容”后空一行书写,Times New Roman五号字;关键词之间“,”分隔。“Key Words”单词加粗。单面打印。目 录居中,黑体小二号字,两字之间空四格;段前、段后距为1行;行距:固定值36磅。第1章 绪论11.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目录内容宋体小四号字,行距:固定值20磅,标题列至一或二级节标题。II基于Ajax的Web聊天系统设计与实现注意:从正文起,页眉应改为论文标题,宋体五号字。从本页起,双面打印。第1章 绪论章标题居中,黑体小二号字;段前、段后距为1行;行距为固定值36磅。1.1 研究背景一级节标题序数顶格书写,后空1格书写标题,黑体小三号字;段前、段后距为1行;行距为固定值24磅。随着正文宋体小四号字 ,段前、段后距为0行;行距为固定值20磅。Internet的迅速发展,基于B/S的应用程序越来越受欢迎。在B/S结构程序中,用户可以利用基于浏览器的客户端轻松地使用程序;程序可以运行在不同的平台上,不用考虑平台之间的差异;只需部署服务器,客户端可以直接运行在浏览器上,部署简单且便于维护。B/S的诸多优点使众多软件商将Web作为首选平台,促使许多C/S结构的程序纷纷转向B/S结构。但由于互联网是一个同步的请求/响应系统,浏览器需要在请求后刷新整个页面。在页面刷新的过程中,用户只能看着浏览器空白的界面不能做其他的事情,这严重影响了用户体验,也制约着B/S结构程序的发展。同步请求和全部刷新,本质上是B/S请求响应机制所采用的HTTP协议决定的。这似乎是web理所当然的缺陷,但Google公司的Google Maps、Gmail和Google Suggest等web应用却打破了同步请求和全部刷新的制约,给用户带来了良好的用户体验1在引用到参考文献的内容末尾右上角(上标),放置文献编号,宋体小四号字。Google在这方面的取得巨大的成功催生了Ajax概念的诞生,并吸引着越来越多的人构建具有丰富客户体验的web应用。传统的即时聊天系统是基于C/S结构的桌面应用程序,它的即时通讯功能和提供给用户的良好体验吸引着众多的用户。但基于C/S结构的聊天系统,要求用户一定要安装特定的客户端。这个要求在一定的程度上会带来种种不便,不能适应于不同操作系统平台;既要部署服务器,也要安装特定的客户端,部署不方便;系统升级时既要升级服务器也要升级客户端,升级和维护都及其不便2。1.2 研究意义(内容略)1.3 研究内容(内容略)1.4 论文组织(内容略)第2章 Web版聊天系统的设计每章均应另起一页。2.1 功能设计(内容略)2.2 概要设计基于Ajax的web即时聊天系统的概要设计如图2-1所示。图与前文间隔1行;图内文字宋体五号字。图2-1 系统概要设计图图序按章编号;图序图名置于表的下方,居中,宋体五号字。(其它内容略)图与后文间隔1行。2.3详细设计2.3.1用户界面逻辑设计二级节标题序数缩进2格书写,后空1格书写标题,黑体小三号字;段前、段后距为1行;行距为固定值20磅。(内容略)2.3.2 数据库的设计(1) item表、user_appended表和group_appended表总项包括的分项采用、单独序号。这三个表主要用来存储用户和群组信息。其中类型为用户的item表项和user_appended共同表示用户信息,类型为群组的item表项和group_appended共同表示群组信息。各表的字段设计如表2-1、表2-2、表2-3所示。表2-1 item表表与前文间隔1行;表序按章编号;表序表名置于表的上方,居中,宋体五号字。字段名表格无左右边框;表内文字宋体五号字。数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARY KEY注册名display_nameVARCHAR(31)NOT NULL显示名Icon_srcVARCHAR(31)NOT NULL图标Item_typeVARCHAR(15)NOT NULL类型表2-2 group_appended表字段名数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARY KEY注册名managerVARCHAR(31)FOREIGN KEY管理员表2-3 user_appended表字段名数据类型主键/允许空字段含义register_nameVARCHAR(31)PRIMARY KEY注册名passwordVARCHAR(31)NOT NULL密码genderVARCHAR(1)NOT NULL性别from_whereVARCHAR(63)NULL来自哪里email_addressVARCHAR(63)NULL电子邮箱phone_numberVARCHAR(31)NULL电话号码active_statusVARCHAR(7)NOT NULL状态从用户和群组中提取出共同的信息组成item表,是考虑了如下的原因:表与后文间隔1行。分项中的小项采用、的序号或数字加半括号。 在主窗口中,需要显示好友列表和群组列表,都需要获取好友列表或群组列表的注册名、显示名及图标,而不需要其它的具体信息。这样在显示好友或群组列表时,服务只需查询item表,并返回相应的内容。 方便统一表达朋友关系和组员-组关系,进一步方便了消息(message)表的设计,具体好处将在设计message表时说明。结论结论不加章号;另起一页;居中,黑体小二号字;段前、段后距为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版即时聊天系统,增加聊天信息加密之类的功能。参考文献另起一页;居中,黑体小二号字;段前、段后距为1行;行距为固定值36磅。参考文献原则上不少于10篇,其中外文文献不少于2篇。1 李智毅新一代Web应用开发技术AJAXC/孙立峰第二届和谐人机环境联合学术会议论文集. 北京:清华大学出版社,200731-34按文中引用的先后顺序用1、2、3编号,后空1格书写内容(格式详见附件“GB/T7714-2015-参考文献著录规则”);宋体小四号字,段前3磅,段后0行;行距为固定值20磅。2 王培,冯曼菲Web 2.0开发技术详解M北京:人民邮电出版社,2006389-403,495-520.3 Garrett J J. Ajax:A New Approach to Web ApplicationsEB/OL. /publications/essays/archives/000385.php,2005-2-184 美Ryan Asleson , Nathaniel T.SchuttaAjax 基础教程,金灵等译北京:人民邮电出版社,20065 徐驰. Ajax模式在异步交互Web环境中的应用J. 计算机技术与发展,2006,16(11):229-233.6 (
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 医院安全知识培训简报课件
- 受限空间安全培训制度课件
- 受压区压疮课件
- 叔字甲骨文课件
- 叔向谏杀竖襄课件
- 双重血浆置换课件
- 2025银行数学面试题及答案
- 初中数学章节教学设计与课堂实录
- 2025银行程序员面试题及答案
- 教学课件如何制作流程图
- 自卸车安全教育培训课件
- 冶金行业事故回放课件
- 2025年保密观知识题库及答案
- 2025-2026学年统编版一年级上册道德与法治教学计划含教学进度表
- 70岁以上驾驶员换证三力测试题库(含答案)
- 2025秋形势与政策课件-践行多边主义完善全球治理
- (2025秋新版)人教版八年级历史上册全册教案
- 2025年小麦种子研发与应用技术合作开发协议
- 四合一检测仪使用课件
- 恋爱课件教学课件
- 人民陪审员培训民事课件
评论
0/150
提交评论