집 >백엔드 개발 >XML/RSS 튜토리얼 >XML 볼륨 실무 팁(2): 동적 쿼리

XML 볼륨 실무 팁(2): 동적 쿼리

黄舟원래의: 2017-02-10 16:11:531737검색

동기:
쿼리 기능은 우리가 웹사이트에서 본 기능 모듈 중 가장 흔하고 일반적으로 사용되는 기능 모듈입니다. 과거에는 정보 쿼리가 데이터베이스에 연결되었으며 모든 클릭에는 백그라운드 데이터베이스의 지원이 필요했습니다. 그러나 많은 경우 사용자는 데이터의 특정 부분에만 작업을 수행하는 경우가 많으며 이는 서버의 부담을 증가시킬 뿐만 아니라 사용자의 탐색 속도에도 심각한 영향을 미칩니다.

이 경우 사용자가 이 데이터를 쉽게 조작할 수 있도록 사용자에게 필요한 데이터의 특정 부분을 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=&#39;"+x+"&#39;]";
Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
}
else {alert("请输入筛选条件！");} 
}
</script>
</head>
<body>
<p align="center"><span>XML卷之实战锦囊（2）：动态查询</span></p>
<p id="Layer1" name="Layer1">
<xsl:apply-templates select="BlueIdea" />
</p>
<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=&#39;"+x+"&#39;]";

그래서 sortField[1]는 두 번째로 발견된 노드이고 해당 노드는

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

입니다. 매개변수 x는 텍스트 상자에 입력된 값입니다.
select="team"의 검색 조건을 select="team[blue_ID='x']"로 수정했습니다.
판단 조건을 추가하는 기능으로, blue_ID 값이 다음과 같은 XML 데이터만 x가 표시됩니다.
물론, 판단 조건을 풍부하게 할 수는 있습니다. 여기서 제가 하는 간단한 판단은 모두가 이해하기 쉽도록 하는 것입니다.
마지막으로 Layer1의 innerHTML 값을 다시 표시하여 새로 정렬된 콘텐츠가 표시됩니다.

(2) 텍스트에서:

select="team"
제 경우에는 sortField[1]이지만 상황에 따라 변경될 수 있습니다.
그러면 정확하게 계산하고 실수하지 않아야 합니다. 그렇지 않으면 다른 회사를 찾을 것입니다!
일반적으로 사용되는 방법을 제공합니다. 코드에서 루프를 사용하여 필요한 노드인지 확인할 수 있습니다.

또 다른 요점:
XML은 대소문자 요구 사항이 매우 엄격합니다. 그래서 당신의 글이 표준화되지 않으면 감기에 걸릴 것입니다!

후기:
모두가 동적 정렬과 동적 쿼리를 완성한다는 아이디어에 익숙해지고 나면 우리의 구현 방법이 실제로 매우 간단하다는 것을 알게 될 것입니다.
특정 값을 수정한 후 다시 표시하면 됩니다.
우리는 여전히 동적 페이징 기능에서 이 아이디어를 따릅니다.

위는 XML 볼륨에 대한 실용적인 팁입니다(2). 동적 쿼리 내용에 대한 자세한 내용은 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!

성명：

이전 기사：XML 볼륨 실무 팁(1): 동적 정렬다음 기사：XML 볼륨 실무 팁(1): 동적 정렬

XML 볼륨 실무 팁(2): 동적 쿼리

관련 기사