基于AJAX的教学资源平台前台系统设计
以下是资料介绍,如需要完整的请充值下载.
1.无需注册登录,支付后按照提示操作即可获取该资料.
2.资料以网页介绍的为准,下载后不会有水印.资料仅供学习参考之用.
密 惠 保
1.无需注册登录,支付后按照提示操作即可获取该资料.
2.资料以网页介绍的为准,下载后不会有水印.资料仅供学习参考之用.
密 惠 保
资料介绍：
摘 要
随着 Internet的快速发展，网络技术及多媒体技术对教育领域的改革产生了重大的影响，网上教育已经成为培养人才、促进科研和教育事业发展的重要途径，网上学习作为新的教学模式正在建设和发展着。
然而传统的B/S（浏览器/服务器）模式的应用程序由于受制于HTML的限制，无法像C/S（客户端/服务器）那样使用丰富的效果来显示数据，用户体验比较糟糕，无法满足教师、学生的要求，更不能激发学生学习的兴趣，没有充分的发挥促教励学的作用。
如何向用户呈现良好的用户体验、完整的学习材料，及时、准确地解决学生在学习中碰到的各种难题，便捷的管理学生作业、提高教学质量和效率，完成教学资源平台以及做好学习的评价、督促和管理等是构造一个良好的教学资源平台的关键技术。本文围绕上述问题开展工作，针对AJAX技术进行部分分析研究，通过对实现AJAX的四项关键技术及其在AJAX实现中所起的作用的分析，重点研究了基于AJAX的教学资源平台前台系统设计，借助于AJAX技术，使得该教学资源平台具有个性化、友好性、稳定性、易用性、安全性等的优秀性能，成为教师授课、学生学习不可缺少的教学资源共享平台。
1.2. 研究现状和发展趋势
Web技术的发展影响着IT业，也同样影响着教育事业。当AJAX这个名词出现在我们的视线中时，相信所有的Web开发人员都会感觉眼前一亮[6]。目前，已经有很多商业性的网站、系统开始使用AJAX技术来改进其用户体验。Google的免费电子邮件服务Gmail已被当作AJAX时代客户端—服务器端交互的奇迹而广为宣传[5]。AJAX并不是一种新的技术，而是将已有技术的一种组合使用，但却极大的扩展了web开发的视野，并在逐步的深入web的各项应用中。其最终的目的无非是要实现更丰富的却简单易用的web应用程序[12]。 think58好，好think58
然而目前国内针对教学方面的基于AJAX技术的web应用程序开发并不是很多，因而使用基于AJAX技术的软件平台来辅助教学的也不多，这便产生了这样一个问题：不能借助于web新技术的力量为我所用。国内对AJAX技术的研究，特别是AJAX技术在教育方面的使用研究是迫切的。
1.3. 本论文的研究内容
为了解决以上出现的各种问题，弥补出现的不足，本文从研究AJAX技术出发，分析AJAX技术的主要特点和技术组成，找出使用AJAX的优点以及目前使用比较成熟的成功案例加以说明，从而开始从AJAX技术的角度去设计整个前台系统。
本前台系统基于AJAX技术通过三层结构进行构造，系统面向的使用人员主要包括系统管理员、教师和学生。从总体上讲，整个教学资源平台可以具体细分为前台系统应用和后台管理两部分。本课题中需要实现的前台系统功能主要包括学生端和教师端的部分功能。
通过对前台系统的认真设计、实现、测试，完成前台系统的所有功能。
2.3. AJAX的核心技术组成
其实AJAX 中所谓“AJAX引擎”，不是一个技术，它实际上是几种技术的组合，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。
AJAX包括：
1．基于标准化的XHTML和CSS；
2．通过DOM实现动态显示和交互； think58好，好think58 [资料来源：THINK58.com]
3．通过XML和XSLT来进行数据交换和处理；
4．XMLHttpRequest通过异步方式获取数据；
5．使用JavaScript来整合以上所有的技术。
一般只需要使用到XMLHttpRequest、DOM、XML、JavaScript及CSS，就可以完成异步交互了，其中XMLHttpRequest是关键。
1．XMLHttpRequest是XMLHttp组件的对象，是AJAX技术中最核心的技术。AJAX的无刷新更新页面特点，主要得益于XMLHTTPRequest对象。
XMLHttpRequest对象的常用属性有：
onReadystatechange：状态变化时触发的事件句柄；
ReadyState：当前状态(其中：4=完成)；
responseText：以字符串形式返回响应；
responseXML：以XML文档对象返回响应；
status：服务器返回的状态码(例如404表示“文件未找到”，200表示“成功”)；
statusText：服务器返回的状态信息(例如“文件未找到”， “成功”)。
XMLHttpRequest对象的常用方法有：
abort()：停止当前请求；
open(“method”，“URL”)：建立对服务器的调用；
send(content)：向服务器发送请求；
setRequestHeader(“header”，“value”)：设置header并和请求一起发送。
2．DOM(Document Object Mode1)为操作HTML或XML文档对象的节点结构提供了一组方法。通过调用DOM方法，可以创建、定义HTML元素，并把元素附加到文档或者现有的元素中，从而实现HTML的即时生成。在AJAX技术中当客户发出的异步请求得到服务器端响应时，由客户端JavaScript调用DOM方法对页面元素进行修改，从而动态控制页面的显示内容。
3．XML是可扩展标记语言(eXtensib1e Markup Language)的简称。它可以规范地定义结构化数据，使网上传输的数据和文档符合统一的标准。XML表述的数据和文档，可以很容易地让所有程序共享。
4．JavaScript一直被定位为客户端的脚本语言，用来实现表单数据的校验和网页特效的处理。在AJAX技术中，一方面，通过JavaScript函数来操作XMLHttpRequest，访问应用服务器上响应另一方面，当访问结果通过服务端以XML形式返回时，可以通过XMLHttpRequest的ResponseXML文档对象读取数据。
2.4. AJAX的应用
AJAX带给我们的不仅仅是技术，更多的是以人为本的一种服务理念。不仅缓和了资源矛盾，也带来了丰富的用户体验。我们比较熟悉的诸多应用中，Google公司所有的主要产品都用了这项技术：Gmail、Google Groups、Google Suggest和Google Maps。Google的Gmail和Google Maps就是最常见的例子。在Gmail当中，AJAX负责如何开启线程会话，以显示不同邮件的文本内容。而在Maps当中，利用鼠标来放大、缩小地图，几乎是立即响应的，不用等待页面刷新。AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图；还有微软公司最近发布的Live系列服务，像Live Mail、Virtual Earth业务中也应用了AJAX技术。正因为AJAX技术带来的良好的用户体验，目前基于该体系的网络应用会越来越多。论文中的教学资源平台前台系统正是在这样的设计思想知道下设计实现的。 [来源：http://think58.com]
随着 Internet的快速发展，网络技术及多媒体技术对教育领域的改革产生了重大的影响，网上教育已经成为培养人才、促进科研和教育事业发展的重要途径，网上学习作为新的教学模式正在建设和发展着。
然而传统的B/S（浏览器/服务器）模式的应用程序由于受制于HTML的限制，无法像C/S（客户端/服务器）那样使用丰富的效果来显示数据，用户体验比较糟糕，无法满足教师、学生的要求，更不能激发学生学习的兴趣，没有充分的发挥促教励学的作用。
如何向用户呈现良好的用户体验、完整的学习材料，及时、准确地解决学生在学习中碰到的各种难题，便捷的管理学生作业、提高教学质量和效率，完成教学资源平台以及做好学习的评价、督促和管理等是构造一个良好的教学资源平台的关键技术。本文围绕上述问题开展工作，针对AJAX技术进行部分分析研究，通过对实现AJAX的四项关键技术及其在AJAX实现中所起的作用的分析，重点研究了基于AJAX的教学资源平台前台系统设计，借助于AJAX技术，使得该教学资源平台具有个性化、友好性、稳定性、易用性、安全性等的优秀性能，成为教师授课、学生学习不可缺少的教学资源共享平台。
1.2. 研究现状和发展趋势
Web技术的发展影响着IT业，也同样影响着教育事业。当AJAX这个名词出现在我们的视线中时，相信所有的Web开发人员都会感觉眼前一亮[6]。目前，已经有很多商业性的网站、系统开始使用AJAX技术来改进其用户体验。Google的免费电子邮件服务Gmail已被当作AJAX时代客户端—服务器端交互的奇迹而广为宣传[5]。AJAX并不是一种新的技术，而是将已有技术的一种组合使用，但却极大的扩展了web开发的视野，并在逐步的深入web的各项应用中。其最终的目的无非是要实现更丰富的却简单易用的web应用程序[12]。 think58好，好think58
[来源：http://www.think58.com]
然而目前国内针对教学方面的基于AJAX技术的web应用程序开发并不是很多，因而使用基于AJAX技术的软件平台来辅助教学的也不多，这便产生了这样一个问题：不能借助于web新技术的力量为我所用。国内对AJAX技术的研究，特别是AJAX技术在教育方面的使用研究是迫切的。
1.3. 本论文的研究内容
为了解决以上出现的各种问题，弥补出现的不足，本文从研究AJAX技术出发，分析AJAX技术的主要特点和技术组成，找出使用AJAX的优点以及目前使用比较成熟的成功案例加以说明，从而开始从AJAX技术的角度去设计整个前台系统。
本前台系统基于AJAX技术通过三层结构进行构造，系统面向的使用人员主要包括系统管理员、教师和学生。从总体上讲，整个教学资源平台可以具体细分为前台系统应用和后台管理两部分。本课题中需要实现的前台系统功能主要包括学生端和教师端的部分功能。
通过对前台系统的认真设计、实现、测试，完成前台系统的所有功能。
2.3. AJAX的核心技术组成
其实AJAX 中所谓“AJAX引擎”，不是一个技术，它实际上是几种技术的组合，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。
AJAX包括：
1．基于标准化的XHTML和CSS；
2．通过DOM实现动态显示和交互； think58好，好think58 [资料来源：THINK58.com]
3．通过XML和XSLT来进行数据交换和处理；
4．XMLHttpRequest通过异步方式获取数据；
5．使用JavaScript来整合以上所有的技术。
一般只需要使用到XMLHttpRequest、DOM、XML、JavaScript及CSS，就可以完成异步交互了，其中XMLHttpRequest是关键。
1．XMLHttpRequest是XMLHttp组件的对象，是AJAX技术中最核心的技术。AJAX的无刷新更新页面特点，主要得益于XMLHTTPRequest对象。
XMLHttpRequest对象的常用属性有：
onReadystatechange：状态变化时触发的事件句柄；
ReadyState：当前状态(其中：4=完成)；
responseText：以字符串形式返回响应；
responseXML：以XML文档对象返回响应；
status：服务器返回的状态码(例如404表示“文件未找到”，200表示“成功”)；
statusText：服务器返回的状态信息(例如“文件未找到”， “成功”)。
XMLHttpRequest对象的常用方法有：
abort()：停止当前请求；
open(“method”，“URL”)：建立对服务器的调用；
send(content)：向服务器发送请求；
setRequestHeader(“header”，“value”)：设置header并和请求一起发送。
2．DOM(Document Object Mode1)为操作HTML或XML文档对象的节点结构提供了一组方法。通过调用DOM方法，可以创建、定义HTML元素，并把元素附加到文档或者现有的元素中，从而实现HTML的即时生成。在AJAX技术中当客户发出的异步请求得到服务器端响应时，由客户端JavaScript调用DOM方法对页面元素进行修改，从而动态控制页面的显示内容。
think58 [来源：http://think58.com]
3．XML是可扩展标记语言(eXtensib1e Markup Language)的简称。它可以规范地定义结构化数据，使网上传输的数据和文档符合统一的标准。XML表述的数据和文档，可以很容易地让所有程序共享。
4．JavaScript一直被定位为客户端的脚本语言，用来实现表单数据的校验和网页特效的处理。在AJAX技术中，一方面，通过JavaScript函数来操作XMLHttpRequest，访问应用服务器上响应另一方面，当访问结果通过服务端以XML形式返回时，可以通过XMLHttpRequest的ResponseXML文档对象读取数据。
2.4. AJAX的应用
AJAX带给我们的不仅仅是技术，更多的是以人为本的一种服务理念。不仅缓和了资源矛盾，也带来了丰富的用户体验。我们比较熟悉的诸多应用中，Google公司所有的主要产品都用了这项技术：Gmail、Google Groups、Google Suggest和Google Maps。Google的Gmail和Google Maps就是最常见的例子。在Gmail当中，AJAX负责如何开启线程会话，以显示不同邮件的文本内容。而在Maps当中，利用鼠标来放大、缩小地图，几乎是立即响应的，不用等待页面刷新。AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图；还有微软公司最近发布的Live系列服务，像Live Mail、Virtual Earth业务中也应用了AJAX技术。正因为AJAX技术带来的良好的用户体验，目前基于该体系的网络应用会越来越多。论文中的教学资源平台前台系统正是在这样的设计思想知道下设计实现的。 [来源：http://think58.com]