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

摘要：分页是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异步页面显示的改进，在减少了代码的书写难度，回避了浏览器兼容性等恼人问题的同时，进一步提高了分页的响应速度。