期刊库

教育   经济   科技   财会   管理   
医学   法学   文史   工业   建筑   
农学   水利   计算机   更多>>
 首 页    论文大全   论文精品    学术答疑    论文检测    出书咨询    服务流程    诚信通道    关于我们 

基于Mootools库的Web分页技术实现

人气指数: 发布时间:2011-04-15 17:45  来源:http://www.zgqkk.com  作者: 中国期刊库
分享到:

 

作者:孙永锐 张育力   

【摘  要】分页是Web应用中常见的一种技术,它在处理数据量较大问题、提高用户体验方面提供了很好的解决方案。本文首先分析了传统分页方式的优缺点,在.NET框架下给出了一种借助Mootools库的Web分页的留言板的实现。 
【关键词】分页用户体验.NET框架Mootools库 
   
  1 Web分页原理 
   
  随着web前后台技术的发展,越来越多的分页技术被采用。特别是近几年来AFAX技术的提出,异步存取理论逐渐被开发人员接受,它给数据分页技术带来了新的思路。本文先对常见的web分页方案的优缺点进行分析,之后借助于.NET平台给出一个基于Mootools库数据分页的例子。 
  分页的基本问题及解决方案:从请求发起到返回数据的整个过程。在SOL语句处理完毕后.数据库服务器、Web服务器和浏览器都能进行分页,在何处分页是一个关键问题。web程序的判断的最重要标准是速度,数据库服务器,Web服务器和客户端之产是网络,在网络速度一定的情况下,如果网络传递的数据最越少,则客户端获得响应的速度越快。传统分页模式.数据库服务器和Web应用服务器的处理能力一般比客户端要强,基于此点传统分页方式抛弃客户端分页的方案,剩下在Web服务器端分页和在数据库端分页两种方式,如果选择在Web服务器端分页,大部分的将被过滤掉的数据还是被传输到了Web应用服务器端,加重了web应用服务器与数据库服务器之间的负担。所以分页的选择通常是在数据库执行查询选出合适的数据(通常是借助于存储过程),然后进行其他操作。每次页面娃示时只在Web服务器中加载指定页数据,占用资源较少,此方案可应用于数据量较大的场合。但由于数据库和Web服务器问的通讯及贞面刷新延迟等原因,用户在不同页面间切换时有刷新延迟现象,特别是当数据量报入或页面变复杂时尤为明显。 
   
  2 改进的分页原理 
   
  本文提出的利用AJAx技术实现分页与前文提出分页方案并不矛盾而是一种增强,特别之处是我们并不抛弃客户端的分页方案,先利用存储过程取出指定页的数据到Web服务器,然后将其数据序列化为JsoN格式并发送到客户端,客户端脚本程序将数据显示在客户机页面上。这种方案客户机和web服务器间由于不存在相同html代码的重复获取,通讯量很少,客户端实行的局部刷新,所以延迟非常小,成为相对理想的Web分页方式。采用这种方式虽然AJAx实现较传统方案复杂,但能做到数据库服务器、Web服务器以及客户端网络宽带占用量最少。虽然占用了一些浏览器资源,但客户端计算机资源相对闲置资源较多,利用起来可以更好的服务于用户,尽量减少用户的操作延迟时间。

  3 本文用到的相关技术 
   
  Mootools: 
  MooTools是一个简洁、模块化、面向对象的开源JnvaScript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。它提供了一个比普通js更面向对象的document API。它有以下优点: 1、灵活,模块化的框架,用户可以选择自己需要的组件。2、MooTool s符合00的思想,使代码更强壮,有力,有效。3、高效的组件机制,可以和flash进行完美的交互。(Core、C1ass、Natives、Element、Fx、Requests、Window)4、对于DOM的扩展增强,使开发者更好的利用document。基于上述优点,用Mootools框架能大大减少AJAX思想实现的复杂度。 
  JSON数据格式: 
  JSoN(JavaScript 0bject Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。Js0N采用完全独立于语言的文本格式.但是也使用了类似于c语言家族的习惯。这些特性使Js0N成为理想的数据交换语言。它能最大限度地减少AJAx通讯的数据量,有利于提高响应速度,所以当前Js0N格式在AJAx数据传输中被大量的运用。 
  4、具体实现 
  本文使用.NET 3.5 Framework、c#、SQLServer 2005、Mootools 1.2.02:具实现一个分页留言板(留言部分略)。分三步实现:Web服务器读取数据库生成JsON格式数据;Web服务器处理客户端请求并输出JSON数据到客户端;AJAX客户端的实现。其中第三步为本文的重点。 
  Web服务器读取数据库生成JsON数据格式 
  首先利用getPageDate调用存储过程提取数据库中本页需要的信息.之后借助于JsonObject、JsonArray对象实现由DataSet到JSON数据的转化。基于篇幅,文中忽略了读取数据库的代码。 
  Web服务器处理客户端请求并输出JSON数据到客户端 
  当浏览器通过js代码请求需要的页面信息时.后台通过调用ProcessRequest方法,把前一步生成的JSON数据发送到客户端.为AJAx客户端程序提供数据。 
   
  5 结束语 
   
  本文简要说明了传统分页技术及其优缺点,重点给出了组合.net 3.5、Js0N、MootOOlS、SQL2005等技术的一套较先进的Web数据分页方案,为解决大数据量分页提供了一种很好的思路。特别是在传统存储过程优化的基础上,利用Mootool s库实现了AJAx异步页面显示的改进,在减少了代码的书写难度,回避了浏览器兼容性等恼人问题的同时,进一步提高了分页的响应速度。 


 

    期刊库(http://www.zgqkk.com),是一个专门从事期刊推广、投稿辅导的网站。
      本站提供如何投稿辅导,寻求投稿辅导合作,快速投稿辅导,投稿辅导格式指导等解决方案:省级投稿辅导/国家级投稿辅导/核心期刊投稿辅导//职称投稿辅导。


      【免责声明】本文仅代表作者本人观点,与投稿辅导_期刊发表_中国期刊库专业期刊网站无关。投稿辅导_期刊发表_中国期刊库专业期刊网站站对文中陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考,并请自行承担全部责任。

     
    QQ在线咨询
    投稿辅导热线:
    180-1501-6272
    微信号咨询:
    fabiaoba-com
    咨询电话:18015016272 投稿邮箱:zgqkk365#126.com(#换成@)
    本站郑重声明:文章只代表作者观点, 并不意味着本站认同。所载文章、数据仅供参考,使用前请核实,风险自负。
    部分作品系转载,版权归原作者或相应的机构   若某篇作品侵犯您的权利,请来信告知.版权:周口博闻教育咨询有限公司 
    Copyright © 2005-2023 . 期刊库 版权所有