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