基于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服务器以及客户端网络宽带占用量最少。虽然占用了一些浏览器资源，但客户端计算机资源相对闲置资源较多，利用起来可以更好的服务于用户，尽量减少用户的操作延迟时间。
　　[8]电大学习网.免费论文网[EB/OL]. /d/file/p/2024/0424/fontbr />　　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异步页面显示的改进，在减少了代码的书写难度，回避了浏览器兼容性等恼人问题的同时，进一步提高了分页的响应速度。
　　[8]电大学习网.免费论文网[EB/OL]. /d/file/p/2024/0424/fontbr />