您当前的位置:首页 > 计算机论文>计算机应用论文

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

2015-07-01 16:35 来源:学术参考网 作者:未知
摘要:分页是web应用中常见的一种技术,它在处理数据量较大问题、提高用户体验方面提供了很好的解决方案。本文首先分析了传统分页方式的优缺点,在.net框架下给出了一种借助mootools库的web分页的留言板的实现。
  关键词:分页用户体验.net框架mootools库
  
  1 web分页原理
  
  随着web前后台技术的发展,越来越多的分页技术被采用。特别是近几年来afax技术的提出,异步存取理论逐渐被开发人员接受,它给数据分页技术带来了新的思路。本文先对常见的web分页方案的优缺点进行分析,之后借助于.net平台给出一个基于mootools库数据分页的例子。
  分页的基本问题及解决方案:从请求发起到返回数据的整个过程。在sol语句处理完毕后.数据库服务器、web服务器和浏览器都能进行分页,在何处分页是一个关键问题。web程序的判断的最重要标准是速度,数据库服务器,web服务器和客户端之产是网络,在网络速度一定的情况下,如果网络传递的数据最越少,则客户端获得响应的速度越快。传统分页模式.数据库服务器和web应用服务器的处理能力一般比客户端要强,基于此点传统分页方式抛弃客户端分页的方案,剩下在web服务器端分页和在数据库端分页两种方式,如果选择在web服务器端分页,大部分的将被过滤掉的数据还是被传输到了web应用服务器端,加重了web应用服务器与数据库服务器之间的负担。所以分页的选择通常是在数据库执行查询选出合适的数据(通常是借助于存储过程),然后进行其他操作。wwW.133229.cOm每次页面娃示时只在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异步页面显示的改进,在减少了代码的书写难度,回避了浏览器兼容性等恼人问题的同时,进一步提高了分页的响应速度。
相关文章
学术参考网 · 手机版
https://m.lw881.com/
首页