数据分页技术在静态网页上的应用
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1.3 JSP技术实现数据分页[4]
JSP技术类似ASP技术,也是通过ADO对象和数据库建立连接,获取全部数据赋给一记录 集,通过该记录集进行分页。
1.4 数据库存储过程实现数据分页[5]
在数据库服务器上,编写存储过程实现数据分页,也就是从数据库 端开始分页,而不是在数据库端把所有数据传给WEB服务器,通过 WEB程序进行分页,这种方案,可以在源头减少数据处理量,而且, 存储过程本身的执行速度相当快,效果比较明显。 存错过程的框架代码如下: Create Proc sp_paging @sqlStr varchar(8000),--数据查询语句输入参数 @PageSize int,--每页显示条数输入参数 @PageIndex int,--当前页码输入参数 @RecordCount int=0 output --查询的记录总条数,输出参数 As Begin --具体代码 End 综上所述,利用动态网页实施数据显示和分页,都需要访问服务 器,在服务器端运行完毕后,将处理结果以HTML静态页面的形式传回 到客户端,提供给客户浏览,同时动态应用程序又融入了数据库服务 器,该技术大大增加了服务器的负荷,减少了访问速度。
2008:10-35.
2 静态页面数据分页技术
2.1 XML文件实施数据存储[6]
创建XML文件,data.xml,通过结构化的设计,实现数据的存储。 样例数据如表1所示。
表一 样例数据
该XML源文件如下: <? xml version=“1.0”? > <PROJECTLIST> <PROJECT> <PROJECTNAME>高等院校职称评审信息管理系统 </PROJECTNAME> <TYPE>院级</TYPE> <AUTHOR>姚志强</AUTHOR> <RANK>1</RANK>
网页数据分页显示
摘 要:数据分页技术在WEB应用程序开发中有着广泛的应用, 良好的数据分页技术能够有效的降低服务器的负裁,提高应用程序的性 能。本文介绍了动态网页上数据分页的几种技术,然后通过XML可扩 展标记语言实现数据的存储,在静态网页上实现数据分页;最后对该程 序进行了详细的分析及测试。 关键词:数据分页;动态网页;可扩展标记语言;静态网页
<THEAD> <TH>项目名称</TH> <TH>项目级别</TH><TH>作者</TH><TH>作者 排名</TH><TH>结题时间</TH></THEAD><TRALIGN=”center”><TD> <SPANDATAFLD=”PROJECTNAME”STYLE=”font-style:italic”></SPAN></TD><TD> <SPANDATAFLD=”TYPE”></SPAN></TD><TD> <SPANDATAFLD=”AUTHOR”></SPAN></TD><TD> <SPANDATAFLD=”RANK”></SPAN></TD><TD> <SPANDATAFLD=”ENDTIME”></SPAN></TD> </TR></TABLE> </BODY></HTML>。 在此静态页面中,<XMLID=”dsoProject”SRC=”data.xml”> </XML>,产生和数据文件data.xml的关联;然后,设计一个表格,进行 数据分行显示,为了实施分页,为表格标记设置: ID, DATASRC和 DATAPAGESIZE,DATASRC属性实现了数据岛中的数据绑定到表格 上,DATAPAGESIZE属性设置表格每页显示的记录的条数,ID属性可 以在脚本编程时,调用它,实现页面的跳转。 至于具体哪项数据进行显示是在表格的单元格内,加入一数据显示 标记<SPAN>,然后为此标记设置DATAFLD属性,来实现具体数据的 显示。
ASP动态网页的应用是在ASP。NET技术之前,它通过ADO对象, 建立和数据库的连接,然后从数据库获取查询的全部数据,然后利用记 录集进行分页技术的实施。
1.2 ASP.NET技术实现数据分页[3]
ASP.NET技术是借助支持数据分页处理的数据库访问组件(如 GridView控件,FormView控件,DetailView控件等)实现分页处理,该 技术不用像ASP技术那样编写代码,比较方便,只需设置该数据库访问 控件的属性即可。
Fra Baidu bibliotek
2.3 Javascript脚本编程实现数据分页浏览
在<script language=”javascript”>标记处,进行脚本编程,实现数据 分页浏览,具体代码如下: function fstpage() { ProjectTable.firstPage(); { function prepage() {
图1 样例数据的测试结果(一)
图2 样例数据的测试结果(二)
4 结 语
通过采用XML可扩展标记语言,进行数据存储,然后利用HTML静 态页面结合Javascript脚本语言实现数据分页,避免了建立数据库服务器 的成本,避免了应用动态程序开发数据分页技术,同时还解决了动态程 序增加WEB服务器的处理负荷[8]的不利因素,确实是个很好的尝试。 参考文献: [1] 郝晓波,辛晓辉。Web应用程序数据分页技术[J].中国科技博览, 2009,(6):143-144. [2] 梅申信,梅林.用ASP/ADO实现的Web数据浏览分页显示[J].安徽农业 大学学报,2003,30(4):45-454 [3] 于艳杰,李成志.常用Asp.net数据分页技术研究比较[J].哈尔滨理工大学 学报,2010,15(3):7-9. [4] 李政.JAVA数据库数据分页技术[J].电脑编程技巧与维护,2004,(4). [5] 李光耀,易虎,李波.存储过程分页优化Web数据查询性能[J].计算机 应用,2004,25(4):475:-479. [6] 雷向欣,杨智应,邵杨俊,胡运发.XML数据分页索引技术研究[J].计 算机工程,2009,35(2):51-53. [7] Michael J. Young, Microsoft Step By Step XML [M]2008:225-276. [8] Steve Sounders.高性能网站建设指南[M].北京:电子工业出版社,
ProjectTable.previousPage(); } function nxtpage() { ProjectTable.nextPage(); } } function lstpage() { ProjectTable.lastPage() } }
3 样例数据测试
下面执行showdata.htm,进行样例数据的测试,具体结果如图1,图 2所示,图1为首页数据结果,图2为尾页数据结果,上一页和下一页数 据显示也通过测试,运行正常。
0 序 言
随着Internet技术的发展,Web已经成为一种很重要的操作平台。大 多数Web应用程序都包含有大量的数据,把这些大量的数据以适当的方 式显示在网页上。当浏览者使用较为宽松的查询条件时,常常会同时出 现大量的符合条件的查询结果,如果将所有查询结果一次性全部显示出 来,一方面会加剧网络传输的负担,降低网站的响应速度,另一方面也 给用户的浏览带来诸多不便。因此,就需要对该数据采取分页的显示方 式。在Web程序应用中,对数据进行分页显示的技术[1]的有多种,大多 数是采用了动态应用程序结合数据库服务器的方式。
2.2 数据绑定实现数据显示[7]
设计一个HTML静态页面:showdata.htm,实施数据的显示,同时 加入数据分页技术,该文件源代码如下: <HTML><HEAD><TITLE>项目列表 </TITLE><script language=“javascript”></script> </HEAD><BODY> <XML ID=”dsoProject”SRC=”data.xml”></XML> <H2>项目列表</H2> <BUTTON ONCLICK=”javascript:fstpage()”>|<首页</BUTTON> <BUTTON ONCLICK=”javascript:prepage()”><上一页 </BUTTON> <BUTTON ONCLICK=”javascript:nxtpage()”>下一页> </BUTTON> <BUTTON ONCLICK=”javascript:lstpage()”>尾页>|</BUTTON> <p> <TABLE ID=”ProjectTable”DATASRC=”#dso-Project” DATAPAGESIZE=”5”BORDER=”1”CELL-PADDING=”5”>
<ENDTIME>未结题</ENDTIME> </PROJECT> <PROJECT> <PROJECTNAME>基于物联网技术的实验室监控系统 </PROJECTNAME> <TYPE>院级</TYPE> <AUTHOR>袁全波</AUTHOR> <RANK>3</RANK> <ENDTIME>2011-9-23</ENDTIME> </PROJECT> <! --其他数据省略,未列出--></PRO-JECTLIST>
1 动态页面数据分页技术
动态网页处理数据分页技术分为两种,目前,大多数的应用都是在 动态WEB程序中借助支持数据分页处理的数据库访问组件(如GridView 控件,FormView控件,DetailView控件等)实现分页处理,这是第一种; 第二种是在数据库中实现分页处理,即存储过程分页处理。
1.1 ASP技术实现数据分页[2]