基于Ajax的资源管理系统的设计与实现.docVIP

基于Ajax的资源管理系统的设计与实现 　　摘要:针对目前现有的资源管理系统存在的问题,提出了一种基于Ajax技术的资源管理系统。Web页面采用局部动态刷新,提高了系统的使用效率。介绍了系统的功能模块和实现方案。 　　关键词:Ajax;资源管理;无刷新;Web2.0 　　中图分类号:TP311 文献标识码:A文章编号:1009-3044(2009)35-9977-02 　　Design and Implementation of Resources Management System Based on Ajax 　　HAN Meng1, WEI Xin2 　　(1.Beifang Ethnic University, Yinchuan 750021, China; 2.Ningxia Talent Exchange Center, Yinchuan 750001, China) 　　Abstract: Aiming at the present problem of resources management system, the paper puts forward an Ajax technique to design system. Web page using a local dynamic refresh, to improve the system efficiency. Introduces its structure, design and implementation. 　　Key words: Ajax; resources management; non-refurbishing; Web2.0 　　Ajax(Asynchronous JavaScript and XML)是一种设计交互式网页应用的网页开发技术, Ajax技术引进了异步调用,使页面可按照需要进行局部刷新,节省了网络带宽,提升了用户体验。实现浏览器与服务器的异步通讯,局部刷新浏览器窗口而满足用户的操作,减少页面重载次数和用户等待时间。 　　本文介绍的基于Ajax技术的资源系统为网络教学平台的使用者,主要是为教师和学生服务。本系统中教师可以针对教师教授的课程发布课程资源,学生可以下载学习课程资源。与传统资源系统相比,采用Ajax技术实现局部刷新技术,用户上传资源后可以在Web页面中无刷新显示资源的路径,主题等内容,减少等待时间。 　　1 系统框架设计 　　1.1 Ajax技术 　　Ajax作为JavaScript和XML等技术的结合体,它通过Ajax引擎来实现web页面与服务器的交互的,用户在页面上获得的数据是通过Ajax引擎提供的。Ajax引擎可以消除web的开始―停止―开始―停止这样的交互过程。它就像增加了一层机制到程序中,使它响应更灵敏,而它的确做到了这一点。不像加载一个页面一样,在会话的开始,浏览器加载了一个Ajax引擎―采用 JavaScript编写并且通常在一个隐藏frame或Div中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax技术的Web交互模式如图1所示。 　　1.2 系统实现 　　资源管理系统的功能包括教师上传与课程相关的课件与资料并可以对其进行管理,学生可以在线查看和下载,同时还要提供查询资源的功能。教学资源管理分为4个子模块:资源浏览、资源管理、资源下载和资源查询,功能模块图如图2所示。 　　1.2.1 资源查询模块 　　页面无刷新的模糊查询,通过页面的“关键字搜索”文本框的“onKeyUp()”事件执行javascript定义好的函数,提交到服务器后,执行like的sql语句,并将查询结果返回至客户端,而客户端页面并不刷新。资源查询的运行界面如图3所示。 　　1.2.2 资源上传模块 　　在应用程序的安装或下载过程中,进度条的使用已是非常普遍了。进度条可以用来标识项目的完成进度,可以用百分比或数字表示,可以水平放置也可以垂直放置。利用Ajax技术创建进度条,功能显得更加强大和快捷。 　　完成此功能,主要包含两个核心: 　　1)上传文件类型的检验,确保文件的类型为ppt、doc、rar或pdf格式。核心代码如下: 　　客户端检验: 　　var a=document.getElementById(file1).value; 　　var b=a.split(\\); 　　var c=b[b.length-1]; 　　var d=c.split(.); 　　var ftype=d[1]; 　　if(ftype!=pptftype!=docftype!=rarftype!=pdf) 　　{ 　　alert(非法格式!只允许 ppt doc rar pdf 文件