淘豆网网友wz_198616近日为您收集整理了关于基于JSP技术和Ajax技术实现的网络聊天室的设计_毕业论文--121390861的文档，希望对您的工作和学习有所帮助。以下是文档介绍：基于JSP技术和Ajax技术实现的网络聊天室的设计_毕业论文--121390861 摘要I编号淮安信息职业技术学院毕业论文题目基于 JSP 技术和 Ajax 技术实现的聊天室设计摘要随着互联网的飞速发展,聊天室这种比较古老的交流方式已经被众多人所认可。通过聊天室在线聊天已成为网络上人与人之间的沟通、交流和联系的一种方式。为此,越来越多的网站开始提供在线的聊天功能。与此同时,聊天室也以其方便、快捷、低成本等优势受到众多企业的亲睐,很多企业的网站中也加入了聊天室,以达到增进企业与消费者、消费者与消费者之间的相互交流和联系的目的。传统的互联网络聊天室,以显示在线用户和用户信息的实时传送,需要定期刷新页面。刷新页面,不仅要占用一定的系统资源和网络带宽,也会出现“白屏”现象,这对良好的用户体验是非常不利的。Ajax 是一个新的 web 应用,使用 Ajax技术的发展不仅解决了页面刷新带来的白屏问题,也减少了对服务器和网络传输的负载。我做的这个设计就是通过 JSP 和 Ajax 实现的无刷新聊天室。关键词:JSP;Ajax;网络聊天室;无刷新AbstractIIIAbstractWith the (来源：淘豆网[])rapid development of , chat rooms pare the old way munication has been recognized by many people. By online chat chat room e the munication, a way munication andcontact. Therefore, more and more websites started offering online chat. Chat rooms,meanwhile, also with its convenient, fast, low-cost advantages such as affected bymany enterprises, many enterprise site has joined the chat room, in order to achievebetween the enterprises and consumers, c(来源：淘豆网[])ustomers and consumers municate andcontact purpose.Traditional chat rooms in order to display online users and user messagessent in real time, the need to regularly refresh the page. Page refresh not only to takeup some system resources work bandwidth, but there is also a "black andwhite" phenomenon is very detrimental to a good user experience. Ajax is a new webapplication, the chat room system using Ajax technology development not only(来源：淘豆网[]) solvedthe page refreshes bring black and white issues, but also reduce the load on the work transmission.I do this is designed by the JSP and Ajax no refresh the chat roomKeywords: Jsp;Ajax; chat rooms;Nofresh;目录目录摘要..............................................................................................................................IAbstract....................................................................................................(来源：淘豆网[])..................... II第一章绪论................................................................................................................... 1 1.1 系统现状...............................................................................................................1 1.2 国内外主要研究成果...........................................................................................1 1.3 课题的主要内容及章节安排..............................................................(来源：淘豆网[]).................3第二章系统开发环境和关键技术.............................................................................4 2.1 系统的开发环境...................................................................................................4 2.2 APPLICATION 对象...............................................................................................4 2.3 AJAX 技术.......................................................................................................(来源：淘豆网[])......5 2.4 监控用户在线状态..............................................................................................6 2.5 JSP 技术...............................................................................................................6第三章系统分析与设计............................................................................................. 9 3.1 系统分析....................................................................................................(来源：淘豆网[])...........9 3.1.1 聊天室功能需求分析................................................................................... 9 3.1.2 聊天室功能性能分析................................................................................... 9 3.2 系统运行环境.......................................................................................................9 3.3 系统预览和项目流程图.....................................................................................10第四章系统的实现.............(来源：淘豆网[])........................................................................................ 12 4.1 用户登录模块.....................................................................................................12 4.2 聊天室主体功能模块.........................................................................................13 4.3 实时获取并显示在线人员列表.........................................................................14 4.4 实现用户发言......................................(来源：淘豆网[])...............................................................15 4.5 实时显示聊天内容.............................................................................................19 4.6 退出聊天室.........................................................................................................20第五章总结与致谢..................................................................................................... 22参考文献..............................................(来源：淘豆网[])......................................................................... 24第一章绪论1第一章绪论1.1 系统现状在人们的生活中,信息技术的飞速发展正在发生深刻变化。人与人之间的对话是不再局限于面对面,网上聊天室提供了信息交流的另一个地方。传统的聊天室,以显示在线用户和用户信息的实时传送,需要定期刷新页面。刷新页面,不仅要占用一定的系统资源和网络带宽,也会出现“白屏”的现象,这对良好的用户体验是非常不利的。而使用 Ajax 技术开发的聊天室,不仅可以解决页面刷新带来白屏的问题,也减少了对服务器和网络传输的负载。随着互联网应用的普及,web 应用以其良好的扩展性、易于部署、维护方便等优点逐渐成为软件开发的主流。早期的 Web 应用采用的是同步交互过程,即用户首先向 Web 服务器提交一个请求或行为呼叫,服务器接收到客户请求后执行相应处理操作,最后向用户返回处理结果。服务器在处理请求时,用户处于等待状态,有时如果超过了服务器响应时间,甚至返回“页面不可用”等提示。另外,当我们只想改变页面的部分数据时,用户的请求会导致服务器重新返回整个页面内容,包括那些没有改变的数据,这不但增加了网络传输的数据量,还影响了客户端的响应时间,为什么我们不能“按需”获取数据呢?Ajax 技术可以很好的解决上述 web 应用中存在的问题。Ajax 技术是 Web2.0 的核心之一,本质上是一种RIA( Application)技术。RIA 是指具有高度互动性和丰富用户体验的网络应用程序,它既具有消息确认、无刷新页面之下提供快捷的界面响应、拖放式等桌面应用程序的特点,同时又具有部署简单、跨平台等 Web 应用程序的特点。Ajax 技术提供了客户端与服务器异步通信的能力,从而使用户从请求一响应一再请求的循环中解脱出来,同时降低了网络传输的数据量,提高了客户端的响应速度,改善了用户使用体验,使得 web 应用可以接近甚至达到类似“桌面应用”的效果。而 Ajax 有上述优势,例如 Google Suggest,Gmail,Google Map 等等交互程序中都使用了异步通讯技术。不知不觉中,Ajax 应用程序占据了整个网络的每一个角落。纵观所有的应用程序,更好的用户体验是其的共同目标,在浏览器中实现桌面用户界面体验是 Web 开发的一种趋势。Ajax 技术从谷歌到 IBM,甲骨文,雅虎,BEA 系统公司,红帽,Novell 公司获得业界众多的 IT 巨头的支持,其快速发展是值得期待的。技术创新和标准化是 Ajax 技术发展的必由之路,而 W3C已成立了工作小组,专门从事 Ajax 的规范发展工作。1.2 国内外主要研究成果Ajax 技术的精髓是用异步交互替代了传统的同步交互,所以当用户操作时间大于服务器响应时间的时候,使用 Ajax 的效果非常明显。而当程序性能的瓶颈在于服务器响应时间的时候,Ajax 无法解决程序运行缓慢的问题。因此,Ajax 是更适合在网络淮安信息职业技术学院毕业设计论文2上的互动频繁轻量级的应用程序。在 Ajax 开发的应用程序中,Google 公司成功将 Ajax 技术应用到他们的商业产品。Google 地图和 Google Suggest 都应用了这项技术。当用户使用谷歌地图查看地图(包括地图的缩放和平移地图),并没有提交任何请求到服务器,你就可以浏览到地图的各个部分。在这里,它是 Ajax技术的应用,使得地图是不刷新的方式,但每个显示原始数据的基础上以增量方式显示。在这种方式下,用户觉得就像是在自己的计算机上查看本地的地图。微软也在积极开发 Ajax 应用程序:它将 Ajax 技术应用到的 MSN Space 上面。当用户使用 MSN Space 提交回复评论时,浏览器会暂时停顿,然后刷新显示用户提交的评论,这是应用了 Ajax 的原理。目前,Ajax 应用最普遍的领域是 GIS-Map 方面。GIS 的区域搜索强调快速响应,Ajax 的特点正好符合这种要求。在应用 Ajax 技术开发过程当中,处于核心位置的 Ajax 引擎实际上是一些复杂的 JavaScript 程序。随着网络应用和界面表现的复杂化,使用面向过程的 JavaScript 语言描述表现逻辑将会变得很困难。同时, JavaScript 的兼容性和调试都会成为使用 Ajax 技术的一个障碍。为了解决这些问题,开发人员已经开发出了一些基于 Ajax 技术的框架,方便了开发人员使用,有利于 Ajax 技术的进一步推广。当然,任何技术都是有局限性的,Ajax 也不例外。Ajax 更新页面无需刷新重载,这也使传统的一些用户交互行为变得不可用,如后退、前进和刷新等。另外,移动设备(如手机、PDA 等)现在还不能很好的支持 Ajax,Ajax对流媒体的支持也没有 Java Applet 和 Flash 这样成熟的技术好。因此,一些辅助的平台和插件的开发也将是 Ajax 技术应用当中重要的一部分。Ajax 把大量的运算从服务器转移到了客户端浏览器,这意味着浏览器将承受更大的负担,而不再是简单的文档显示功能。聊天室作为一个能够吸引人气的栏目,在现代网络应用中随处可见。它的作用是给不同的用户提供一个交流信息的场所。用户在聊天室中可以发布信息,就如同所有用户都在一个个真正室内聊天一样。传统的聊天室程序一般设置在客户端的网页自动刷新。刷新在这样的数据会带来一些缺点,例如:每次刷新服务器应该重新获取数据,大大提高了服务器上的负载,此刷新过程正在进行,这将是非常严重的影响服务器的性能;每次刷新过程中会产生大量无用数据,不断刷新页面,用户在客户端方面,将导致屏幕闪烁。解决屏幕闪动最重要的一条原则就是,将改动的地方显示到客户端,而那些不需要改动的地方则尽量不要让用户感觉到变化。一个更好的解决办法是使用Ajax 技术的无刷新聊天室应用。现在的聊天室通过四个主要功能模块实现了聊天室中用户登录、注销、环境设置、发送消息、读取消息和查看在线用户列表等。聊天室系统为用户提供了聊天场所,操作员可对后台网站的风格、广告链接等进行设置;用户可以根据个人的习惯选择字体、文字颜色和表情等;前台聊天室具有私聊的功能,私聊的内容仅供私聊双方查看;聊天者可自己手动清除聊天内容。操作员可通过客户端处理第一章绪论3模块获取界面元素从而得到聊天内容或与服务器交互更新客户端页面响应用户事件。服务器端响应模块可提供聊天室界面元素信息获得提交数据。1.3 课题的主要内容及章节安排现在,多渠道的信息源、网络化的数据分布、快捷医用的交互操作、智能化的分析决策等特点越来越成为衡量优良聊天软件的关键,因此,该网络聊天室是基于jsp语言运行于MyEclipse Java平台上,利用的技术主要是,使用配置文件作为数据管理。为实现和方便客户端间通信,在客户端进行了人性化的界面设计,用户可以输入用户名,登陆界面,改变字体颜色等功能。第一章对本次课题的背景及意义、课题现状、课题内容与目标进行了深入的阐述。第二章介绍了系统的开发环境和关键技术,例如 Ajax 技术、JSP 技术、滚屏显示技术等等。第三章是系统分析与设计。将对系统进行需求分析,对组成系统的功能模块进行划分,对每个模块将要实现的功能进行阐述和说明。对系统的结构进行设计,设计共享数据结构。第四章是系统实现,分别介绍了服务器端和客户端每个功能的执行过程,画出主要模块的流程图。第五章是总结与致谢。最后,对本设计进行归纳总结,全面阐述本次设计中的体会。第二章系统开发环境和关键技术4第二章系统开发环境和关键技术2.1 系统的开发环境MyEclipse Java 如图 1-1 系统开发环境。图 1-1 系统开发环境2.2 Application 对象Application 对象是一个环境上下文(context)对象,用于保存应用程序中的所有公有数据,服务器启动并且自动创建 Application 对象以后,只要没有关闭服务器,Application 对象将一直存在,并且可以被所有用户共享。Application 对象为 JSP 提供的内置对象,可以直接使用,但在 servlet 中,需要通过以下代码来获取该对象的实例,才可以使用该对象。 ServletContextapplication=getServletContext();Application 对象提供了很多方法,我的设计中,只使用了 setAttribute()和 getAttribute()方法。首先来介绍 setAttribute()方法,该方法用于将一个对象绑定到一个属性上,该属性在整个 Servlet 上下文中都适用。setAttribute()方法的语法格式如下;Application. setAttribute(String name,Object object);第二章系统开发环境和关键技术5参数说明:name:用于指定的一个属性名该属性在整个 Servlet 上下文都适用。object:用于指定属性值。如本设计中的,设置保存聊天信的 Application 对象的属性的具体代码如下:application。setAttribute(“message”.sourceMessage);下面我们再来介绍 getAttribute()方法,该方法用于返回 Application 对象的指定属性的值。如果不存在该属性,则返回 null。getAttribute()方法的基本语法如下:Application。getAttribute(String name);参数说明:Name:用于指定一个属性名。本设计中,设置获取聊天信息的 Application 对象的属性的具体代码如下:StringsourceMessage=application.getAttribute(“message”).toString();2.3 Ajax 技术Ajax 是一种创建交互式网页的 web 开发技术。Ajax 的一个非常成功的案例就是 Google,当用户在 Google 的搜索输入框中输入关键字的时候。他会提示与关键字相关的另一些关键字。用户可以对自己喜欢的一些关键字进行选择,这样既方便了用户定位自己的需要,又可以很好的引导搜索结果。在 Ajax 应用中,页面中用户的操作将通过 Ajax 引擎与服务器进行通信,然后将返回结果提交给客户端页面的 Ajax 引擎,而有 Ajax 引擎决定这些数据插入到页面的任何位置。Ajax 的最大特点的就是很好的用户体验,大多数使用 Ajax 技术的 web 应用程序,比同类没有使用的 web 应用程序的用户体验要好的多,尽管他们都能完成相类似的功能。例如,一个普通的用户注册页面,如果用户希望知道注册的用户名是否已经注册过了,那只能等提交表单到服务器以后并重新来到一个新的页面,才知道用户名是否可用,这种情况每次单击按钮都会导致几秒钟的延迟和屏幕刷新,但事实上页面改动的地方却只有很少一部分,Ajax 正在打破这种状况,是页面再无刷新的情况下,完成某些与服务器的交互功能。大大提高了用户的体验感。2,Ajax 不是单一的技术,而是四种技术的集合,有 javascript ,css,DomXMLHttpRequestAjax 程序是用 javascript 语言写成的。Ajax 程序可以使用 CSS来控制页面的样式。DOM,指的是文本对象模型,它是一个 web 页面的对象模型,可以用 javascript 来操作的页面结构。XMLHttpRequest 对象用来在后台向服务器端发送请求,数据的格式可以使任何的文本格式,如 XML、纯文本。他也是 Ajax进行异步通信的关键元素。这四种技术各司其职,其中 javascript 是其他三中的粘合剂,javascript可以通过修改 DOM 的结构来改变界面,或者完全改变 DOM 的结构来重新绘制用户淮安信息职业技术学院毕业设计论文6界面;XMLHttpRequest 对象则用来与服务器进行异步通信,javascript 也正是通过控制他来提交请求和获取最新数据的。Ajax 也会大量使用 DHTML 进行编程,并且它与服务器端的异步通信能力使得一个web 页面的使用寿命大大增长,用户交互性大大增强了。Ajax 技术的优缺点:作为富客户端技术之一的 Ajax 的最大优点,就是再不更新整个页面的前提下维护数据。这使得 web 应用程序能够更为迅捷的回应用户动作,并避免了在网络上发送那些没有改变过的信息。与其他富客户端技术不同,Ajax 不需要任何浏览器插件,直接通过浏览器内置的 javascript 控制浏览器的内容和行为即可。而其他的富客户端技术往往需要安装插件,并且以一个单独的进程来运行这些富客户端,一旦处理不当,很可能造成速度很慢的后果。缺点:就是 Ajax 在不同的浏览器运行时,由于各个浏览器之间的差异,是的开发者在众多不同的平台和浏览器上经过严格的测试,但是随着 Ajax 技术的成熟,一些简化跨平台的 Ajax 程序库,也相继问世,程序员可以使用这些运行库进行Ajax 的开发,也不担心 Ajax 的跨平台性。还有一个缺点就是;他动态改变的内容无法保存到本地或通过收藏夹来保存。这其实是因为 Ajax 改变浏览器的内容和行为,往往是通过修改网页的 DOM 和 CSS 来控制的,这些新消息都仅仅在浏览器窗口没关之前存在于内存里。Ajax 更适合有少量页面内容需要改变的客户端编程,如果页面的大多说内容都需要改变的时候,还是建议使用让整个页面刷新的方式较好。2.4 监控用户在线状态在聊天室程序中需要实时监控用户在线状态,当用户非正常退出时(如:没有单击“退出聊天室”按钮,也没有单击窗口的关闭“按钮”,而是直接将页面转向其他网站),能够保证将该用户从列表中删除。可以应用 Servlet 中的***(HttpBingListener 接口)实现此效果。2.5 JSP 技术JSP(JavaServer Pages)是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP 技术有点类似 ASP 技术,它是在传统的网页 HTML 文件(*.htm,*.html)中插入 Java 程序段(Scriptlet)和 JSP 标记(tag),从而形成 JSP 文件(*.jsp)。用 JSP 开发的 Web 应用是跨平台的,即能在 Linux下运行,也能在其他操作系统上运行。 JSP 技术使用 Java 编程语言编写类 XML的 tags 和 scriptlets,来封装产生动态网页的处理逻辑。网页还能通过 tags 和scriptlets 访问存在于服务端的资源的应用逻辑。JSP 将网页逻辑与网页设计和显示分离,支持可重用的基于组件的设计,使基于 Web 的应用程序的开发变得迅速和容易。 Web 服务器在遇到访问 JSP 网页的请求时,首先执行其中的程序段,

播放器加载中，请稍候...
系统无法检测到您的Adobe Flash Player版本
建议您在线安装最新版本的Flash Player 在线安装