`
hereson
  • 浏览: 1453720 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

动态查询

    博客分类:
  • vbs
阅读更多

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

针对这种情况我们需要将用户需要的某一部分数据以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>正则表达式在UBB论坛中的应用</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对大小写的要求极其严格。所以你的书写不规范的话,它可是会感冒的呀!

 


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

分享到:
评论

相关推荐

    java-生成单表完全动态查询

    "java-生成单表完全动态查询"这一技术就是为了简化这一过程,它能自动生成实体类、DAO层代码,并且能够实现单表的完全动态查询,极大地提高了开发效率。 首先,让我们理解“单表完全动态查询”的概念。在数据库中,...

    Linq动态查询、行转列

    本篇将深入探讨如何利用LINQ进行动态查询以及如何实现行转列,这对于构建灵活的数据分析和展示功能至关重要。 首先,让我们来理解什么是LINQ动态查询。在传统的LINQ查询中,我们通常使用lambda表达式或方法链来定义...

    动态查询数据库工具

    动态查询数据库工具是一种高效、灵活的软件应用,它允许用户在运行时构建和执行SQL查询,无需预先编写固定的SQL语句。这样的工具极大地提升了数据库管理的便捷性和效率,尤其适用于处理复杂的数据检索、分析和更新...

    Expression表达式树动态查询.zip

    "Expression表达式树动态查询.zip"中的内容显然是关于如何使用C#表达式树来构建动态查询的示例或教程。 表达式树(Expression Tree)是将代码表示为树形结构,其中每个节点都是代码的一部分,如变量、操作符、方法...

    在jsp中如何用下拉菜单实现动态查询

    ### 在JSP中使用下拉菜单实现动态查询 在JSP技术中,通过结合HTML、JavaScript与Java技术,可以创建动态交互式的Web页面。本文将详细介绍如何利用JSP中的下拉菜单来实现动态查询功能。 #### 一、理解示例代码 ...

    VB6.0动态查询模块.rar

    VB6.0动态查询模块是Visual Basic 6.0编程环境下设计的一个功能模块,主要用于实现对数据库的灵活、高效的查询操作。这个模块结合了数据库访问技术与用户界面交互,为用户提供了一个直观且易于操作的方式来进行数据...

    jdbc实现动态查询与分页查询的结合

    本文将深入探讨如何使用JDBC实现动态查询和分页查询的结合,这对于开发人员来说是一项基础但至关重要的技能。 首先,我们要了解JDBC的基础知识。JDBC是一个Java API,它提供了一系列的接口和类,使得Java程序员能够...

    ibatis中使用安全的拼接语句,动态查询,大于、小于、等于.doc

    iBatis 中使用安全的拼接语句、动态查询、大于、小于、等于 iBatis 是一个流行的持久层框架,提供了许多强大的功能来帮助开发者构建高效、安全的数据库交互应用程序。本文将详细介绍 iBatis 中使用安全的拼接语句、...

    CAD 动态查询信息程序

    CAD 动态查询信息程序CAD 动态查询信息程序CAD 动态查询信息程序CAD 动态查询信息程序

    Android ListView动态查询更新代码

    动态查询和更新ListView是提高用户体验的关键技术,尤其是在处理大量数据流或者实时更新信息时。本文将深入探讨如何实现Android ListView的动态查询和更新功能。 1. **ListView基础** - `Adapter`:ListView的核心...

    LinqKit.dll linq to ef 动态查询条件组装

    LinqKit.dll linq to ef 动态查询条件组装 没有这个东西无法实现linq to ef 查询.

    DynamicQueryable基于Linq的动态查询示例

    这个示例项目"DynamicQueryable基于Linq的动态查询示例"很可能是为了展示如何在C#代码中灵活地创建和执行动态Linq查询。 动态查询通常用于那些在编译时无法确定查询结构的场景,例如,根据用户输入或配置来构建查询...

    hibernate实现动态SQL查询

    在Hibernate中,我们通常使用HQL(Hibernate Query Language)或Criteria API进行查询,但这些方式并不支持复杂的动态查询。为了实现动态SQL,我们可以借助于Hibernate的QBC(Query By Criteria)和Criteria API,...

    .net动态查询数据库demo

    《.NET动态查询数据库实战——基于DevExpress控件》 在.NET开发中,动态查询数据库是一项常见的任务,它允许用户根据需求自由组合查询条件,提供高度的灵活性和用户体验。本示例是一个使用DevExpress控件实现的动态...

    最新中文版Cognos BI 10.1动态查询指南

    最新中文版Cognos BI 10.1动态查询指南, IBM商业智能软件教程

    pb作的动态查询数据库数据

    用pb作的动态查询数据库数据的例子,其中数据窗口可以显示任何用户想要查看的列

    LINQ to SQL语句(23)之动态查询

    在本篇主题“LINQ to SQL语句(23)之动态查询”中,我们将深入探讨如何在运行时构建和执行查询,这对于处理不确定的数据访问需求或构建高度可配置的应用程序特别有用。 动态查询是LINQ的一个关键特性,它允许我们...

    Linq 动态查询参考

    **标题:“Linq 动态查询参考”** **描述:“LINQ动态查询参考Demo,解决LINQ在动态查询上的不足问题,很好的示例!”** **标签:“Linq 动态查询 参考”** 在.NET框架中,Language Integrated Query(LINQ)是一...

    动态查询城市jquery

    动态查询城市功能是常见的Web应用需求,尤其在地图服务、天气预报或者物流查询等场景中常见。这个"动态查询城市jquery"项目显然利用jQuery实现了这一功能,让用户能够方便地搜索和选择全国范围内的城市。 首先,...

    下拉列表动态查询

    在IT行业中,动态查询是网页交互中常见的功能之一,特别是在数据量大或数据类型复杂的表单元素中。本文将深入探讨如何使用纯JavaScript实现下拉列表动态查询,并结合提供的"select_by_code.html"和"jquery-1.5.1.min...

Global site tag (gtag.js) - Google Analytics