XML 실용 요령 2권: 동적 쿼리
- 巴扎黑원래의
- 2017-03-19 15:43:181462검색
[소개] 쿼리 기능은 우리가 웹사이트에서 볼 수 있는 가장 일반적이고 일반적으로 사용되는 기능 모듈입니다. 과거에는 정보 쿼리가 데이터베이스에 연결되었으며 모든 클릭에는 백그라운드 데이터베이스의 지원이 필요했습니다. 그러나 많은 경우 사용자는 데이터의 특정 부분만 작업하는 경우가 많습니다. 이는
쿼리 기능을 제공할 뿐만 아니라 웹사이트에서 본 것 중 가장 일반적이고 일반적으로 사용되는 기능 모듈입니다. 과거에는 정보 쿼리가 데이터베이스에 연결되었으며 모든 클릭에는 백그라운드 데이터베이스의 지원이 필요했습니다. 그러나 많은 경우 사용자는 데이터의 특정 부분에만 작업을 수행하는 경우가 많으며 이는 서버의 부담을 증가시킬 뿐만 아니라 사용자의 탐색 속도에도 심각한 영향을 미칩니다.
이 경우 사용자가 이 데이터를 쉽게 조작할 수 있도록 사용자에게 필요한 데이터의 특정 부분을 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>
<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='"+x+"']";
그래서 sortField[1]는 두 번째로 발견된 노드이고 해당 노드는
9b92dc4fa42eb944186860fecb66172b
매개변수 x는 텍스트 상자에 입력한 값입니다.
select="team"의 검색 조건을 select="team[blue_ID='x']"로 수정했습니다.
판단 조건을 추가하는 기능으로, blue_ID 값이 다음과 같은 XML 데이터만 x가 표시됩니다.
물론, 판단 조건을 풍부하게 할 수는 있습니다. 여기서 제가 하는 간단한 판단은 모두가 이해하기 쉽도록 하는 것입니다.
마지막으로 Layer1의 innerHTML 값을 다시 표시하여 새로 정렬된 콘텐츠가 표시됩니다.
(2) 텍스트에서:
select="team"
제 경우에는 sortField[1]이지만 변경될 수도 있습니다.
그러면 정확하게 계산하고 실수하지 않아야 합니다. 그렇지 않으면 다른 회사를 찾을 것입니다!
일반적으로 사용되는 방법을 제공합니다. 코드에서 루프를 사용하여 필요한 노드인지 확인할 수 있습니다.
또 다른 요점:
XML은 대소문자 요구 사항이 매우 엄격합니다. 그래서 당신의 글이 표준화되지 않으면 감기에 걸릴 것입니다!
위 내용은 XML 실용 요령 2권: 동적 쿼리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!