1、 本 科 毕 业 论 文 ASP.NET AJAX 框架下 Web 网页的设计与实现 Design and Implementation of a Web page using ASP.NET AJAX Framework 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 指导教师： 年 月 摘 要 Ajax (Asynchronous JavaScript And XML)是一种 Web 应用程序开发技术。这个技术采用了异步调用的方式，促使页面局部刷新，所以它可以仅仅向服务器传送和接收自己所需要的数据，从而减少网络流量，并可以使 Web 应用程序具有更高的即时响
2、应性，更好的 交互性和更方便的个性化服务，使用户像使用桌面应用程序一样使用 Web 应用程序。 本课题是基于 Ajax 技术，在 Microsoft 公司提 供的 ASP.NET 2.0 Ajax 框架下，围绕 Web应用的异步局部更新进行研究。理论上，探讨了 Ajax 的核心技术和开发模式，从应用原理和设计模式方面探讨了 Ajax 模式与传统模式下的 Web 开发的区别与联系 。实践中，为 Ajax 的应用搭建了 ASP NET Ajax 开发环境， 将 Ajax 技术应用 到 具体实例 NBA 在线文字直播模块与VIP 会客室模块， 充分发挥出 Ajax 开发的优越性 .本课题的主要工作包
3、括以下几个方面 : 1) 将 Ajax 技术与传统 Web 开发技术进行了比较分析，总结得出了 Ajax 技术的应用特征和主要优势，将 Ajax 应用的系统中。 2) 深入探讨了 Microsoft 公司提供的 ASP.NET 2.0 Ajax 框架，为基于 Ajax 实例开发搭建了 ASP NET Ajax 开发环境，配置了 ASP NET Ajax Web 应用程序。 3) 将 Ajax 应用 系统中，在 NBA 在线文字模块中，实现比赛无刷新动态直播，比分的动态更新。 4) 将 Ajax 应用 系统中，在 VIP 会客室模块，无刷新动态提交问题问题，减少页面的重载，较低服务器的开销，增强
4、了用户体验。 关键词 ： ajax； ajax 框架；异步局部更新 Abstract Ajax (Asynchronous JavaScript And XML) is a web application development technology. This technology uses the asynchronous mode call to partial page refresh. So the server can only send and receive data they need, thereby reducing network traffic. Web appli
5、cations can make real-time response to a higher, more good interactive and user-friendly. It makes users to use Web application such as using desktop applications. This subject is based on ajax technology ,and makes research on local asynchronous update of web applications ,using the framework of AS
6、P.NET 2.0 Ajax provided by the Microsoft Corporation. In theory , it studied the core of Ajax technology to see the differences between the traditional web applications and the ajax on the principle and design patterns of web development. Practically , it make full use of the advantages of ajax to d
7、evelop the NBA online text-live module and the VIP reception room module. The main work of this subject include the following: 1) comparing ajax technology with traditional web development technologies ,obtained the features and the main advantages of ajax technology . 2) studied ASP.NET 2.0 Ajax fr
8、amework provided by Microsoft Corporation , setted up ASP NET Ajax development environment, equipped with ASP NET Ajax Web applications. 3) using ajax technology on NBA online text-live module to achieve race-free text live, the scores dynamic update. 4) using ajax technology on VIP reception room m
9、odules, to submit and response the question without refreshing, to reduce the heavy load the page, lower server costs, and enhance the user experience. Key words: ajax； ajax framework ； asynchronous partial update 目 录 第一章 绪 论 . - 1 - 1.1 选题背景 .- 1 - 1.2 国内外发展现状 .- 1 - 1.3 课题研究内容 .- 2 - 第二章 技术背景 . -
10、 4 - 2.1 Ajax简介 .- 4 - 2.1.1 Ajax 定义 . - 4 - 2.1.2 AJAX 的优势 . - 4 - 2.1.3 AJAX 的弊端 . - 4 - 2.2 ASP.NET AJAX框架 .- 5 - 2.3 SQL 缓存依赖 .- 6 - 第三章 系统总体设计 . - 8 - 3.1 系统开发环境 .- 8 - 3.1.1 软件环境 . - 8 - 3.1.2 硬件环境 . - 8 - 3.1.3 开发工具 . - 8 - 3.2 系统体系结构 .- 8 - 3.3 系统整体功能分析与设计 .- 9 - 3.3.1 系统整体需求分析 . - 9 - 3.3.2
11、 系统用例图 . - 10 - 3.3.3 数据库逻辑设计 . - 11 - 3.4 本章小结 .- 15 - 第四章 系统详细设计 . - 16 - 4.1 系统功能模块划 分 .- 16 - 4.2 系统总体框架设计 .- 16 - 4.3 页面局部更新设计 .- 17 - 4.4 NBA 文字直播后台管理模块分析与设计 .- 19 - 4.4.1.NBA 文字直播后台管理功能分析 . - 19 - 4.4.2 NBA 在线文字直播后台管理功能详细设计 . - 19 - 4.5 NBA 文字直播普通用户模块分析与设计 .- 23 - 4.6 VIP会客室模块分析与设计 .- 24 - 4.
12、7 本章小结 .- 25 - 第五章 系统测试与运行结果 . - 26 - 5.1 NBA 在线文字直播后台管理模块测试与运行结果 .- 26 - 5.1.1 赛程管理测试与运行结果 . - 26 - 5.1.2 球员管理测试与运行结果 . - 27 - 5.1.3 球队管理测试与运行结果 . - 28 - 5.1.4 直 播管理测试与运行结果 . - 29 - 5.2 NBA 在线文字直播普通用户模块测试与运行结果 .- 30 - 5.3 VIP会客室模块测试与运行结果 .- 32 - 第六章 总结与展望 . - 35 - 6.1 总结 .- 35 - 6.2 展望 .- 35 - 致谢 .
13、 - 36 - 参考文献 . - 37 - Contents Chapter 1 Introduction . - 1 - 1.1 Background of the subject .- 1 - 1.2 Development of 6 at home and abroad about the subject .- 1 - 1.3 Research content ot the subject .- 2 - Chapter2 Introduction To Main Technologies . - 4 - 2.1 Introduction to Ajax .- 4 - 2.1.1 Ajax
14、 definition. - 4 - 2.1.2 AJAX advantage . - 4 - 2.1.3 AJAX disadvantage. - 4 - 2.2 Introduction to ASP.NET AJAX Framework .- 5 - 2.3 Introduction to Sql cache dependency .- 6 - Chapter3 System Design and Analysis . - 8 - 3.1 System Development Environment .- 8 - 3.1.1 Software Environment . - 8 - 3.
15、1.2 Hardware environment. - 8 - 3.1.3 Tools . - 8 - 3.2 System Architecture .- 8 - 3.3 System Overrall Analysis and Design .- 9 - 3.3.1 Analysis of the overall demand for the system . - 9 - 3.3.2 System Use Case Diagram . - 10 - 3.3.3 Logical Database Design . - 11 - 3.4 Summary of this chapter .- 1
16、5 - Chapter4 System Detail Design and Analysis . - 16 - 4.1 functional modules .- 16 - 4.2 The overall framework of system design .- 16 - 4.3 Partial page update Design.- 17 - 4.4 Analysis And Design of NBA text-live background management module.- 19 - 4.4.1.Functions of NBA text-live background man
17、agement module. - 19 - 4.4.2.Detail Design of NBA text-live background management module . - 19 - 4.5 Analysis And Design of NBA text-live the user module .- 23 - 4.6 Analysis and Design of VIP reception module .- 24 - 4.7 Summary of this chapter .- 25 - Chapter5 System Testing and The Running Resul
18、ts . - 26 - 5.1 Testing and The Running Results of NBA text-live background management module . - 26 - 5.1.1 Testing and The Running Results of schedule management. - 26 - 5.1.2 Testing and The Running Results of player management. - 27 - 5.1.3 Testing and The Running Results of team management . -
19、28 - 5.1.4 Testing and The Running Results of live management. - 29 - 5.2 Testing and The Running Results of NBA text-live the user module .- 30 - 5.3 Testing and The Running Results of VIP reception module .- 32 - Chapter6 Summarize and outlook . - 35 - 6.1 Summarize .- 35 - 6.2 outlook .- 35 - Ack
20、nowledgement . - 36 - References . - 37 - - 1 - 第一章 绪 论 1.1 选题 背景 目前互联网正在从传统 Web1.0 逐渐向开放的、可读写的、多媒体的 Web2.01，交互平台过渡，适应个人用户逐渐参与 Web 站点的互动要求。以用户体验型的网络服务为特征的Web 应用代表了目前互联网的发展趋势。 一种新的 Web 应用交互模型 Ajax 交互模型的出现为我们提供了一种新的 Web 设计方法。通过对 Ajax 模式的应用，不仅改变 了传统 Web 应用模式，同时也开拓了 Web 开发的一片新领域 。 Ajax 技术成为研究的热点 ,各种辅助开发
21、框架应运而生 .微软也推出了自己的解决方-ASP.NET AJAX.其客户端编程模型给开发者提供了一个清晰、直观、易用的开发环境 ,解决了客户端 JavaScript 代码结构不清晰、难以维护和管理的问题 。 本课题采用微软公司推出的ASP.NET AJAX 框架 。 1.2 国内外发展 现状 2005年 2月 Web设计咨询企业 Adaptive Path公司用户体验总监耶西加勒 (Jesse James Garrett)发表了名为 Ajax: A New Approach to Web Applications 2，这是 Ajax 一词的首次提出。 虽然 Ajax 于 2005 年 2 月
22、刚刚提出，但是基于构建胖客户端的 WEB 应用程序的特性，以及可开发友好的用户界面，良好的交互性和互操作性，使其得到越来越多的人的青睐，并将其列入 Web2.0 的核心技术 3。 Web2.0 是相对 Web 1.0(2003 年以前的互联网模式 )的新的一类互联网应用的统称，是一次从核心内容到外部应用的革命。它以 Blog, SNS, RSS, Wiki等应用为核心 ，依据六度分隔理论、 XML,Ajax 等新理论和技术实现的互联网新一代模式 4。 Ajax 技术是目前在浏览器中通过 JavaScript 脚本可以使用的所有技术的集合。 Ajax 并没有创造出某种具体的新技术，它所使用的所有
23、技术都是在很多年前就已经存在了，然而Ajax 以一种崭新的方式来使用所有的这些技术，使得古老的 B/S 方式的， Web 开发焕发了新的活力，迎来了第二个春天。 Ajax 基于以下的技术 :XHTML, CSS, DOM, JavaScript:, XML和 XMLHttpRequest 。 - 2 - 以上可以看出，除了 XMLHttpRequest 以外，所有的技术都是目前已经广泛使用，得到了广泛理解的基于 Web 标准的技术。而 XMLHttpRequest 虽然尚未被 W3C 采纳，其实已经是一个事实上的标准。几乎所有主流的浏览器，例如 IE, Firefox, Netscape, O
24、pera, Safari 全部都支持这个技术 5。所以 Ajax 就是目前做 Web 开发最符合标准的技术。上述的所有技术都已经可以在浏览器中使用，因此用户不需要安装任何额外的软件 ,只需要一个浏览器，例如IE，就可以运行任何符合标准的 Ajax 应用。这对于 Ajax 技 术的普及、降低部署维护的成本是非常重要的。 目前 Ajax 已经成为了 Web 应用的主流开发技术。一个网页测试公司经测试得出使用 Ajax 比使用传统的 web 总带宽节约 61%，节约空间和宽带租用成本 6。 大量的业界巨头已经采纳 ，并且在大力推动这个技术的发展 7。 1) IBM, Oracle, Yahoo!, BEA, RedHat, Novell 等页界领先的公司启动了 Open Ajax 项目。致力于为 Aj
