Capítulo 5: análisis de instancias XML
describir:
1: efecto de ejemplo
Dos: Análisis de ejemplo 1. Definir un nuevo logotipo.
2. Cree un documento XML.
3. Cree el archivo HTML correspondiente.
XML se usa ampliamente en diferentes campos, como MathML en el campo de la tecnología, WML en aplicaciones de comunicación inalámbrica, SVG en imágenes de red, etc. Aquí nos centramos en la aplicación de XML en la web. La aplicación de XML en la web aprovecha principalmente sus poderosas capacidades de manipulación de datos. Generalmente, al utilizar XML con programas del lado del servidor como JavaScript y ASP, se pueden satisfacer casi todas las necesidades de aplicaciones en la red.
Teniendo en cuenta la conveniencia de la explicación, a continuación presentamos un ejemplo simple, que no incluye el programa del lado del servidor. El propósito es brindarle una comprensión perceptiva de las capacidades de manipulación de datos de XML.
Bien, primero [haga clic aquí] para ver el efecto del ejemplo. (Utilice el navegador IE5.0 o una versión superior para abrir)
Esta es una función sencilla de recuperación de datos de grabaciones de CD. Puede ver la información relevante de un solo CD haciendo clic en "Anterior" y "Siguiente". Originalmente utilizamos dos métodos para lograr este efecto:
1. Utilice DHTML para ocultar datos en diferentes capas y mostrarlos secuencialmente mediante eventos del mouse;
2. Utilice programas en segundo plano (como ASP, CGI, PHP, JSP, etc.) para llamar a los datos del lado del servidor.
Pero en este ejemplo, cuando abrimos el código original de la página, podemos ver que no hay DHTML DIV o acción de formulario. Está completamente implementado en XML. Analicemos su proceso de producción a continuación:
Paso uno: definir una nueva identidad.
De acuerdo con los datos reales del CD, primero cree una nueva identificación llamada <CD>; en segundo lugar, establezca su identificación de datos relacionados, que son: nombre del CD <Título>, cantante <Artista>, año de publicación <Año>, país <País>, la empresa emisora <Empresa> y el precio <Precio> finalmente se debe crear un logo llamado catálogo <CATALOGO>; ¿Por qué crear otra etiqueta <CATALOG>? Debido a que en el documento XML se estipula que debe y solo puede haber un elemento raíz (identidad), tenemos varios datos de CD y estos datos están en una relación paralela, por lo que debemos crear un elemento raíz para estos elementos paralelos.
Las definiciones y relaciones de los elementos anteriores cumplen totalmente con los estándares XML y no requieren la definición de un archivo DTD especial, por lo que se puede omitir la definición de DTD. Si queremos utilizar DTD para definir, el proceso anterior se puede expresar como:
<!CATALOGO DE ELEMENTOS (CD)*>
<!ELEMENT CD (Título,Artista,Año,País,Empresa,Precio)>
<!Título del ELEMENTO (#PCDATA)>
<!ELEMENT Artista (#PCDATA)>
<!ELEMENTO Año (#PCDATA)>
<!ELEMENTO País (#PCDATA)>
<!Empresa ELEMENT (#PCDATA)>
<!Precio del ELEMENTO (#PCDATA)>
Este código indica que el elemento CATALOG contiene múltiples subelementos CD, y el subelemento CD a su vez contiene seis subelementos: Título, Artista, Año, País, Compañía, Precio, y su contenido se define como texto (caracteres, números, texto). (Nota: para obtener instrucciones de sintaxis específicas, consulte la introducción a DTD en el capítulo anterior)
Paso 2: crear un documento XML.
<?xml versión="1.0"?>
<CATALOGO>
<CD>
<TITLE>Imperio Burlesco</TITLE>
<ARTISTA>Bob Dylan</ARTISTA>
<PAÍS>EE.UU.</PAÍS>
<EMPRESA>Columbia</EMPRESA>
<PRECIO>10,90</PRECIO>
<AÑO>1985</AÑO>
</CD>
<CD>
<TITLE>Esconde tu corazón</TITLE>
<ARTISTA>Bonnie Tylor</ARTISTA>
<PAÍS>Reino Unido</PAÍS>
<COMPANY>Registros CBS</COMPANY>
<PRECIO>9,90</PRECIO>
<AÑO>1988</AÑO>
</CD>
<CD>
<TITLE>Grandes éxitos</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<PAÍS>EE.UU.</PAÍS>
<EMPRESA>RCA</COMPANÍA>
<PRECIO>9,90</PRECIO>
<AÑO>1982</AÑO>
</CD>
<CD>
<TITLE>Aún estoy triste</TITLE>
<ARTIST>Gary Más</ARTIST>
<PAÍS>Reino Unido</PAÍS>
<EMPRESA>Records vírgenes</COMPANY>
<PRECIO>10.20</PRECIO>
<AÑO>1990</AÑO>
</CD>
<CD>
<TITLE>Eros</TITLE>
<ARTISTA>Eros Ramazzotti</ARTISTA>
<PAÍS>UE</PAÍS>
<EMPRESA>BMG</EMPRESA>
<PRECIO>9,90</PRECIO>
<AÑO>1997</AÑO>
</CD>
</CATALOGO>
El código anterior utiliza primero la declaración de declaración <?xml version="1.0"?> para indicar que se trata de un documento XML y que su formato cumple con la especificación estándar XML 1.0. Luego está el contenido del documento, la estructura del árbol es muy clara:
<CATALOGO>
<CD>
...
</CD>
<CD>
...
</CD>
</CATALOGO>
Se definen un total de 5 conjuntos de datos. Guardamos el código anterior como un archivo cd.xml para llamarlo.
Paso 3: cree el archivo HTML correspondiente.
1. Importar datos XML.
Sabemos que entre los navegadores más populares actualmente, solo los navegadores IE5.0 y superiores de Microsoft admiten XML. IE admite la inserción de XML a través del objeto en HTML e importa datos a través del método XMLDocument.load () de js. Veamos el código: <object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</objeto>
Defina un objeto con el nombre de ID xmldso. Luego use js para introducir datos xml en el área del encabezado:
<script para="ventana" evento="onload">
xmldso.XMLDocument.load("cd.xml");
</script>
2. Agrupar datos.
La etiqueta <SPAN> se utilizará para vincular los datos XML en la tabla. Entre ellos, ID, DATASRC y DTATFLD son atributos de <SPAN>. El código es el siguiente:
<tabla>
<tr><td>Título:</td><td><SPAN ID="título" DATASRC=#xmldso DATAFLD="TITLE"></SPAN></td></tr>
<tr><td>Artista:</td><td><SPAN ID="artista" DATASRC=#xmldso DATAFLD="ARTISTA"></SPAN></td></tr>
<tr><td>Año:</td><td><SPAN ID="año" DATASRC=#xmldso DATAFLD="AÑO"></SPAN></td></tr>
<tr><td>País:</td><td><SPAN ID="país" DATASRC=#xmldso DATAFLD="PAÍS"></SPAN></td></tr>
<tr><td>Empresa:</td><td><SPAN ID="empresa" DATASRC=#xmldso DATAFLD="EMPRESA"></SPAN></td></tr>
<tr><td>Precio:</td><td><SPAN ID="precio" DATASRC=#xmldso DATAFLD="PRECIO"></SPAN></td></tr>
</tabla>
3. Operación de acción.
Finalmente, proporcione botones de exploración para los datos:
<TIPO DE ENTRADA=botón VALUE="CD anterior" ONCLICK="moveranterior()">
<TIPO DE ENTRADA=botón VALOR="Siguiente CD" ONCLICK="moverext()">
Y use js para completar dos funciones de clic del mouse: movenext() y moveprevious(). Agregue el siguiente código al área principal:
<lenguaje de escritura="JavaScript">
función mover al siguiente()
{
si (xmldso.recordset.absoluteposition < xmldso.recordset.recordcount)
{
xmldso.recordset.movenext();
}
}
función moveranterior()
{
si (xmldso.recordset.posición absoluta > 1)
{
xmldso.recordset.moveprevious();
}
}
</script>
Bien, primero veamos el código original completo del archivo HTML:
<html>
<cabeza>
<script para="ventana" evento="onload">
xmldso.XMLDocument.load("cd.xml");
</script>
<lenguaje de escritura="JavaScript">
función mover al siguiente()
{
si (xmldso.recordset.absoluteposition < xmldso.recordset.recordcount)
{
xmldso.recordset.movenext();
}
}
función moveranterior()
{
si (xmldso.recordset.posición absoluta > 1)
{
xmldso.recordset.moveprevious();
}
}
</script>
<TITLE>Navegación por CD</TITLE>
</cabeza>
<cuerpo>
<p>
<objeto ANCHO="0" ALTO="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</objeto>
<tabla>
<tr><td>Título:</td><td><SPAN ID="título" DATASRC=#xmldso DATAFLD="TITLE"></SPAN></td></tr>
<tr><td>Artista:</td><td><SPAN ID="artista" DATASRC=#xmldso DATAFLD="ARTISTA"></SPAN></td></tr>
<tr><td>Año:</td><td><SPAN ID="año" DATASRC=#xmldso DATAFLD="AÑO"></SPAN></td></tr>
<tr><td>País:</td><td><SPAN ID="país" DATASRC=#xmldso DATAFLD="PAÍS"></SPAN></td></tr>
<tr><td>Empresa:</td><td><SPAN ID="empresa" DATASRC=#xmldso DATAFLD="EMPRESA"></SPAN></td></tr>
<tr><td>Precio:</td><td><SPAN ID="precio" DATASRC=#xmldso DATAFLD="PRECIO"></SPAN></td></tr>
</tabla>
<p>
<TIPO DE ENTRADA=botón VALUE="CD anterior" ONCLICK="moveranterior()">
<TIPO DE ENTRADA=botón VALOR="Siguiente CD" ONCLICK="moverext()">
</p>
</cuerpo>
</html>
Guarde el código anterior como un archivo cd.htm y júntelo con el archivo cd.xml en el segundo paso. Abra el archivo cd.htm y verá el mismo efecto que en el ejemplo anterior.
Bien, hasta ahora, hemos aprendido mucho sobre XML. Resumamos los cinco capítulos anteriores, que son una introducción rápida a XML, principios conceptuales de XML, terminología XML, sintaxis XML y análisis de ejemplo de este capítulo. Aquí termina la parte del tutorial. Durante el proceso de escritura, Ajie hizo todo lo posible para explicar los conceptos XML relevantes de una manera fácil de entender e hizo todo lo posible para transmitirles a todos su comprensión. Sin embargo, debido a que no he estudiado XML durante mucho tiempo, mi comprensión de. toda la tecnología XML no es lo suficientemente sistemática y profunda, por lo que es inevitable que haya algunas omisiones.