Maison > Article > développement back-end > Conseils pratiques sur les volumes XML (2) : Requête dynamique
Conseils pratiques sur les volumes XML (2) : Requête dynamique
- 黄舟original
- 2017-02-10 16:11:531695parcourir
Motivation :
La fonction de requête est le module fonctionnel le plus courant et le plus utilisé que nous ayons vu sur le site Web. Dans le passé, les requêtes d'informations étaient connectées à la base de données et chaque clic nécessitait la prise en charge de la base de données en arrière-plan. Cependant, dans de nombreux cas, les utilisateurs n'opèrent souvent que sur une certaine partie des données, ce qui non seulement augmente la charge sur le serveur, mais affecte également sérieusement la vitesse de navigation de l'utilisateur.
Dans ce cas, nous devons transmettre une certaine partie des données dont l'utilisateur a besoin au client sous forme de XML, afin que l'utilisateur puisse facilement opérer sur ces données. Cela facilite non seulement le travail des utilisateurs, mais réduit également la charge sur la base de données du serveur. Pourquoi pas! Et cette fonction peut être appliquée à de nombreux autres modules, c'est pourquoi cette fonction de requête dynamique a été ajoutée.
Matériel :
Requête dynamique du volume XML
Il y a 2 fichiers : search.xml et search.xsl
Fonction :
Requête sans rafraîchir la page Les données sont filtrées et filtré pour améliorer efficacement la fonction de requête de données.
Effet :
Parcourir ici
Code :
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>
Explication :
1) search.xml est un fichier de données, je pense que tout le monde n'aura aucun problème.
2) search.xsl est un fichier de format, il y a plusieurs choses auxquelles il faut faire attention.
(1) Dans le script :
sortField=document.XSLDocument.selectNodes("//@select");est utilisé pour trouver tous les nœuds avec l'attribut select. C'est quelque peu différent du
sortField=document.XSLDocument.selectSingleNode("//@order-by"); que j'ai mentionné dans le tri dynamique. Veuillez faire attention à cette petite différence et à leurs fonctions respectives.
sortField[1].value="team[blue_ID='"+x+"']";
Donc sortField[1] est le deuxième nœud trouvé, et son nœud correspondant est
<xsl:apply-templates select="team" order-by="blue_ID"/>
Paramètre x est la valeur saisie dans la zone de texte.
Nous avons modifié la condition de recherche de select="team" en select="team[blue_ID='x']"
La fonction est d'ajouter une condition de jugement, et uniquement les données XML dont la valeur blue_ID est égale à x sera affiché.
Bien sûr, vous pouvez enrichir les conditions de jugement. Le jugement simple que je porte ici est de le rendre plus facile à comprendre pour tout le monde.
Enfin, le nouveau contenu trié est affiché en réaffichant la valeur innerHTML de Layer1.
(2) Dans le texte :
select="team"
Dans mon cas, c'est sortField[1], mais cela peut changer au fur et à mesure.
Ensuite, vous devez calculer avec précision et ne pas vous tromper, sinon vous trouverez une autre entreprise !
Je propose une méthode couramment utilisée : dans le code, vous pouvez utiliser une boucle pour déterminer si c'est le nœud dont vous avez besoin.
Autre point :
XML a des exigences de casse extrêmement strictes. Alors si votre écriture n’est pas standardisée, elle va s’enrhumer !
Postscript :
Une fois que tout le monde sera familiarisé avec l'idée d'effectuer un tri dynamique et une requête dynamique, vous constaterez que notre méthode de mise en œuvre est en fait très simple.
Modifiez simplement une certaine valeur, puis affichez-la à nouveau.
Nous suivons toujours cette idée dans la fonction de pagination dynamique.
Ce qui précède concerne les conseils pratiques pour les volumes XML (2) : le contenu de la requête dynamique. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !