XML卷之实战锦囊（2）：动态查询

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

针对这种情况我们需要将用户需要的某一部分数据以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_ID>1</blue_ID>
    <blue_name>Sailflying</blue_name>
    <blue_text>一个简单的查询</blue_text>
    <blue_time>2002-1-11 17:35:33</blue_time>
    <blue_class>XML专题</blue_class>
  </team>
  <team>
    <blue_ID>2</blue_ID>
    <blue_name>flyingbird</blue_name>
    <blue_text>嫁给你，是要你疼的</blue_text>
    <blue_time>2001-09-06 12:45:51</blue_time>
    <blue_class>灌水精华</blue_class>
  </team>
  <team>
    <blue_ID>3</blue_ID>
    <blue_name>苛子</blue_name>
    <blue_text>正则表达式在ＵＢＢ论坛中的应用</blue_text>
    <blue_time>2001-11-23 21:02:16</blue_time>
    <blue_class>Web 编程精华</blue_class>
  </team>
  <team>
    <blue_ID>4</blue_ID>
    <blue_name>太乙郎</blue_name>
    <blue_text>年末经典分舵聚会完全手册 v0.1</blue_text>
    <blue_time>2000-12-08 10:22:48</blue_time>
    <blue_class>论坛灌水区</blue_class>
  </team>
  <team>
    <blue_ID>5</blue_ID>
    <blue_name>mmkk</blue_name>
    <blue_text>Asp错误信息总汇</blue_text>
    <blue_time>2001-10-13 16:39:05</blue_time>
    <blue_class>javascript脚本</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"><span>XML卷之实战锦囊（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对大小写的要求极其严格。所以你的书写不规范的话，它可是会感冒的呀！

后记：
大家熟悉动态排序和动态查询的完成思路后会发现，其实我们的实现手法很简单。
就是修改某一个数值，然后重新显示。
在动态分页的功能中我们依然是按照这个思路去完成的。

赞 (0)

相关推荐

  • XML卷之实战锦囊（2）：动态查询

    动机: 查询功能是我们在网站上见过的最普遍也是最常用的一个功能模块了.以往的信息查询都是连接到数据库的,每一次点击都必须要后台数据库的支持.然而很多情况下用户往往只针对某一部分的数据进行操作,这样不但服务器的负担加重,而且严重的影响用户浏览的速度. 针对这种情况我们需要将用户需要的某一部分数据以XML的方式传递到客户端,用户对这些数据可以很方便的进行操作.既方便了用户,又减轻了服务器数据库的负担.何乐而不为呢!而且这项功能可以通用到其他众多模块,因此添加了这个动态查询功能. 材料: XML卷之动

  • XML卷之实战锦囊（1）：动态排序

    动机: 排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了.以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情.然而用XML来处理的话就简单多了.让自己的页面更加绚丽,哈哈,您是不是也心动了呢! 材料: XML卷之动态排序有2个文件:paixu.xml 和 paixu.xsl 作用: 在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示,有效的提高数据互动功能,让自己的页面更加绚丽多彩.  效果: 浏览这里  代码: paixu

  • XML卷之实战锦囊（3）：动态分页

    动机: 为了方便用户查看大批量数据,我们会用到动态分页,因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了.而以往的信息分页都是连接到数据库的,每一次点击都必须要后台数据库的支持.这样不但服务器的负担加重,而且严重的影响用户浏览的速度.试想,如果把分页的功能放到客户端,那会产生什么样的效果呢?呵呵,看看下面的设计吧! . 材料: XML卷之动态分页有2个文件:pages.xml 和 pages.xsl 作用: 把分页的功能放到客户端.在不刷新页面的情况下对数据进行过滤筛选,有效的提

  • XML卷之实战锦囊（5）：结构树图

    动机: 最初想起做二叉树是因为需要做一个公司结构图. 以前的做法都是直接用图象软件画出来一个图片.很好看,但每次有变动后都需要重新画一个新的. 另一方面,网页上对线条的显示.布局相当局限.根据动态生成的数据进行排版.定位都相当困难, 而且在美观上也差强人意. 做了各种尝试以后,决定用XML+XSL作数据运算: 用VML来美化线条,用JAVASCRIPT来给对象定位. 材料: XML卷之结构树图有2个文件:flow2.xml 和 flow2.xsl  效果: 浏览这里  讲解: 二叉树思路(1)

  • XML卷之实战锦囊（4）：选单连动

    动机: 现在我们做个在IE里应用XML的一个小例子:解决双下拉选单的连动问题.大家最常见的可能就是选取省份后改变城市选项的例子了,那我们就来尝试着用XML来完成吧. 以前介绍的一些功能我是直接用XML+XSL文件来完成的,大家可能还不是很熟悉它的用法,所以我这次就用HMTL+XML来做,希望能够让大家更清楚的了解--"XML原来可以如此简单!":) 材料: XML卷之选单连动有2个文件:Citys.xml 和 CitySelect.htm 作用: 选择省份后可以自动显示相对应的城市,这

  • 用非动态SQL Server SQL语句来对动态查询进行执行

    此文章主要向大家讲述的是非动态SQL ServerSQL语句执行动态查询,在实际操作中我尝试在一个存储过程中,来进行传递一系列以逗号划定界限的值,来对结果集进行限制.但是无论什么时候,我在IN子句中使用变量,都会得到错误信息. 是否存在一种不执行动态SQL语句也能完成查询的方式呢? 我尝试在一个存储过程中传递一系列以逗号划定界限的值,以限制结果集.但是无论什么时候,我在IN子句中使用变量,都会得到错误信息.是否存在一种不执行动态SQL ServerSQL语句也能完成查询的方式呢? 专家解答: 这

  • SpringBoot开发实战系列之动态定时任务

    SpringBoot开发实战系列之动态定时任务

    目录 前言 代码编写 效果演示 启动 修改 停止 后记 前言 定时器是我们项目中经常会用到的,SpringBoot使用@Scheduled注解可以快速启用一个简单的定时器(详情请看我们之前的博客<SpringBoot系列--定时器>),然而这种方式的定时器缺乏灵活性,如果需要对定时器进行调整,需要重启项目才生效,本文记录SpringBoot如何灵活配置动态定时任务 代码编写 首先先建表,重要字段:唯一表id.Runnable任务类.Cron表达式,其他的都是一些额外补充字段 DROP TABL

  • MyBatis-Plus多表联查的方法(动态查询和静态查询)

    MyBatis-Plus多表联查的方法(动态查询和静态查询)

    目录 建库建表 依赖 配置 代码 测试 1.静态查询 2.动态查询 1.不传条件 2.传条件 建库建表 DROP DATABASE IF EXISTS mp; CREATE DATABASE mp DEFAULT CHARACTER SET utf8; USE mp; DROP TABLE IF EXISTS `t_user`; DROP TABLE IF EXISTS `t_blog`; SET NAMES utf8mb4; CREATE TABLE `t_user` ( `id` BIGIN

  • MyBatis-Plus多表联查的实现方法(动态查询和静态查询)

    MyBatis-Plus多表联查的实现方法(动态查询和静态查询)

    目录 建库建表 依赖 配置 代码 测试 1.静态查询 2.动态查询 1.不传条件 2.传条件 建库建表 DROP DATABASE IF EXISTS mp; CREATE DATABASE mp DEFAULT CHARACTER SET utf8; USE mp; DROP TABLE IF EXISTS `t_user`; DROP TABLE IF EXISTS `t_blog`; SET NAMES utf8mb4; CREATE TABLE `t_user` ( `id` BIGIN

  • MyBatis-Plus多表联查(动态查询)的项目实践

    MyBatis-Plus多表联查(动态查询)的项目实践

    目录 简介 代码 建库建表 配置 依赖 测试 1.静态查询 2.动态查询 简介 本文用示例介绍使用MyBatis-Plus进行多表查询的方法,包括静态查询和动态查询. 代码 controller package com.example.demo.business.blog.controller; import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper; import com.baomidou.mybatisplus.c

随机推荐