分享
 
 
 

XML卷之实战锦囊(2):动态查询

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

动机:

查询功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。以往的信息查询都是连接到数据库的,每一次点击都必须要后台数据库的支持。然而很多情况下用户往往只针对某一部分的数据进行操作,这样不但服务器的负担加重,而且严重的影响用户浏览的速度。

针对这种情况我们需要将用户需要的某一部分数据以XML的方式传递到客户端,用户对这些数据可以很方便的进行操作。既方便了用户,又减轻了服务器数据库的负担。何乐而不为呢!而且这项功能可以通用到其他众多模块,因此添加了这个动态查询功能。

材料:

XML卷之动态查询

有2个文件:search.xml 和 search.xsl

作用:

在不刷新页面的情况下对数据进行过滤筛选,有效的提高数据查询的功能。

代码:

search.xml

<?xml version="1.0" encoding="gb2312" ?

<?xml-stylesheet type="text/xsl" href="search.xsl" ?

<BlueIdea

<team

<blue_ID1</blue_ID

<blue_nameSailflying</blue_name

<blue_text一个简单的查询</blue_text

<blue_time2002-1-11 17:35:33</blue_time

<blue_classXML专题</blue_class

</team

<team

<blue_ID2</blue_ID

<blue_nameflyingbird</blue_name

<blue_text嫁给你,是要你疼的</blue_text

<blue_time2001-09-06 12:45:51</blue_time

<blue_class灌水精华</blue_class

</team

<team

<blue_ID3</blue_ID

<blue_name苛子</blue_name

<blue_text正则表达式在UBB论坛中的应用</blue_text

<blue_time2001-11-23 21:02:16</blue_time

<blue_classWeb 编程精华</blue_class

</team

<team

<blue_ID4</blue_ID

<blue_name太乙郎</blue_name

<blue_text年末经典分舵聚会完全手册 v0.1</blue_text

<blue_time2000-12-08 10:22:48</blue_time

<blue_class论坛灌水区</blue_class

</team

<team

<blue_ID5</blue_ID

<blue_namemmkk</blue_name

<blue_textAsp错误信息总汇</blue_text

<blue_time2001-10-13 16:39:05</blue_time

<blue_classjavascript脚本</blue_class

</team

</BlueIdea

search.xsl

<?xml version="1.0" encoding="gb2312" ?

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"

<xsl:template match="/"

<html

<head

<title XML卷之实战锦囊(2):动态查询</title

<style

body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋体", "Arial", "Times New Roman"; }

table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink}

span { font-size: 12px; color: red; }

</style

<script

function searchtext(x)

{

stylesheet=document.XSLDocument;

source=document.XMLDocument;

sortField=document.XSLDocument.selectNodes("//@select");

if (x!="")

{

sortField[1].value="team[blue_ID='"+x+"']";

Layer1.innerHTML=source.documentElement.transformNode(stylesheet);

}

else {alert("请输入筛选条件!");}

}

</script

</head

<body

<p align="center"<spanXML卷之实战锦囊(2):动态查询</span</p

<div id="Layer1" name="Layer1"

<xsl:apply-templates select="BlueIdea" /

</div

<hr size="1" width="500" /

<table align="center" cellpadding="0" cellspacing="0" border="0"

<tr

<td

<span 请输入筛选条件 : </span

blue_ID= <input type="text" name="searchtext" size="1" maxlength="1" /

<input type="button" class="button" onClick="searchtext(document.all.searchtext.value)" value="Search" name="button" /

</td

</tr

</table

</body

</html

</xsl:template

<xsl:template match="BlueIdea"

<table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD"

<tr bgcolor="#FFCC99" align="center"

<td编号</td

<td姓名</td

<td主题</td

<td发表时间</td

<td归类</td

</tr

<xsl:apply-templates select="team" order-by="blue_ID"/

</table

</xsl:template

<xsl:template match="team"

<tr align="center"

<xsl:apply-templates select="blue_ID" /

<xsl:apply-templates select="blue_name" /

<xsl:apply-templates select="blue_text" /

<xsl:apply-templates select="blue_time" /

<xsl:apply-templates select="blue_class" /

</tr

</xsl:template

<xsl:template match="blue_ID"

<td bgcolor="#eeeeee"

<xsl:value-of /

</td

</xsl:template

<xsl:template match="blue_name"

<td

<xsl:value-of /

</td

</xsl:template

<xsl:template match="blue_text"

<td

<xsl:value-of /

</td

</xsl:template

<xsl:template match="blue_time"

<td

<xsl:value-of /

</td

</xsl:template

<xsl:template match="blue_class"

<td

<xsl:value-of /

</td

</xsl:template

</xsl:stylesheet

讲解:

1)search.xml 是数据文件,相信大家都不会有问题。

2)search.xsl 是格式文件,有几个地方要注意。

(1)脚本中:

sortField=document.XSLDocument.selectNodes("//@select");

作用是:找到所有属性为select的节点。这个和我在动态排序中说到的

sortField=document.XSLDocument.selectSingleNode("//@order-by");

有些不一样了。大家注意这个小小的区别以及各自的功能。

sortField[1].value="team[blue_ID='"+x+"']";

因此sortField[1]就是找到的第二个节点,它对应的节点就是

<xsl:apply-templates select="team" order-by="blue_ID"/

参数 x 是文本框中输入的数值。

我们将select="team" 的搜索条件修改为select="team[blue_ID='x']"

作用是:增加判断条件,只有blue_ID的数值等于 x 的XML数据才显示出来。

当然大家可以丰富判断的条件,我在这里做的简单判断是为了让大家更容易理解。

最后通过重新显示Layer1的innerHTML值来显示新的排序内容。

(2)文本中:

select="team"

在我这里它是 sortField[1],但你在做的时候可能就会更改。

那么你就一定要计算准确可错不得哦,不然就找到别家去了!

我提供一个常用的方法:在代码里你可以用循环来判断是否为你需要的节点。

另外说一点:

XML对大小写的要求极其严格。所以你的书写不规范的话,它可是会感冒的呀!

后记:

大家熟悉动态排序和动态查询的完成思路后会发现,其实我们的实现手法很简单。

就是修改某一个数值,然后重新显示。

在动态分页的功能中我们依然是按照这个思路去完成的。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有