El diseño web se beneficia enormemente de la transformación de XML y XSLT. Con las transformaciones XML y XSLT, puede almacenar palabrería dinámica y contenido de sitios web en una base de datos. Puede transferir la base de datos en XML y luego convertirla en un script HTML mediante la transformación XSLT.
En los primeros días del desarrollo de la red, la cohesión se lograba en el lado del servidor, pero esto implicaba mucha gestión manual de archivos. Afortunadamente, a medida que la web madura, también lo hacen las herramientas de desarrollo web. Por ejemplo, bajo el marco .NET, puede crear varios controles web para unificar el diseño.
Al diseñar funciones de interacción usuario/datos, cómo lograr la integridad completa de los datos, la funcionalidad de la interfaz de usuario y las reglas comerciales. Este artículo proporcionará un ejemplo de un sitio web y explicará cómo XML y XSLT pueden hacer que el diseño de su sitio web sea perfecto.
Aquí hay una cita:
<html>
<cabeza>
</cabeza>
<cuerpo>
<método de formulario = "POST" nombre = "este formulario" id = "este formulario" acción = "alguna página.php">
<tipo de entrada="texto" nombre="txtText" id="txtText" tamaño="25"><br>
<tipo de entrada="enviar" nombre="btnSubmit" id="btnSubmit" valor="Enviar">
</formulario>
</cuerpo>
</html>
El fragmento de código anterior completa la función principal, pero necesita embellecerse con XML y XSLT.
En XML, el código tiene etiquetas de apertura y cierre, mientras que en HTML no las hay. Las etiquetas INPUT y BR son casos especiales, no requieren una etiqueta final. Sin embargo, agregar una barra diagonal antes de la etiqueta de cierre ">" garantiza que el HTML se ajuste a la especificación XML. Si presta atención a seguir estas especificaciones al escribir scripts HTML, puede convertir XML/HTML (también conocido como XHTML) en buenas páginas HTML.
Aquí hay una cita:
<método de formulario = "POST" nombre = "este formulario" id = "este formulario" acción = "alguna página.php">
<tipo de entrada="texto" nombre="txtText" id="txtText" tamaño="25" transform="blueText"/>
<br/>
<tipo de entrada="enviar" nombre="btnSubmit" id="btnSubmit" valor="Enviar"
transformar="bigButton"/>
</form> Ejecute el siguiente código para completar la conversión XSLT:
<?xml versión="1.0"?>
<xsl:hoja de estilo
xmlns:xsl=" http://www.w3.org/1999/XSL/Transform " versión="1.0"
>
<xsl:método de salida="html"/>
<xsl:coincidencia de plantilla="/">
<table width="100%" cellpadding="0" cellspace="0">
<tr><td align="center">Este es el encabezado definido</td></tr>
<tr><td><xsl:apply-templates select="//form"/></td></tr>
<tr><td align="center">Este es el pie de página definido</td></tr>
</tabla>
</xsl:plantilla>
<xsl:coincidencia de plantilla="formulario">
<xsl:nombre del elemento="formulario">
<xsl:nombre del atributo="método"><xsl:valor-de
seleccionar="@método"/></xsl:atributo>
<xsl:nombre del atributo="acción"><xsl:valor-de
seleccionar="@acción"/></xsl:atributo>
<xsl:nombre del atributo="nombre"><xsl:valor-de seleccionar="@nombre"/></xsl:atributo>
<xsl:nombre del atributo="id"><xsl:valor-de select="@id"/></xsl:atributo>
<xsl:aplicar plantillas seleccionar="*"/>
</xsl:elemento>
</xsl:template><xsl:template match="*">
<xsl:elegir>
<xsl:when test="@transform='blueText'"><xsl:element name="input">
<xsl:nombre del atributo="nombre"><xsl:valor-de seleccionar="@nombre"/></xsl:atributo>
<xsl:nombre del atributo="id"><xsl:valor-de select="@id"/></xsl:atributo>
<xsl:nombre del atributo="tipo">texto</xsl:atributo>
<xsl:nombre del atributo="estilo">color:azul</xsl:atributo>
<xsl:if prueba="@valor"><xsl:nombre del atributo="valor"><xsl:valor-de
seleccionar="@valor"/></xsl:atributo></xsl:if>
</xsl:elemento>
</xsl:cuándo>
<xsl:when test="@transform='redText'"><xsl:element name="input">
<xsl:nombre del atributo="nombre"><xsl:valor-de
seleccionar="@nombre"/></xsl:atributo>
<xsl:nombre del atributo="id"><xsl:valor-de
seleccionar="@id"/></xsl:atributo>
<xsl:nombre del atributo="tipo">texto</xsl:atributo>
<xsl:nombre del atributo="estilo">color:rojo</xsl:atributo>
<xsl:if prueba="@valor"><xsl:nombre del atributo="valor"><xsl:valor-de
seleccionar="@valor"/></xsl:atributo></xsl:if>
</xsl:elemento>
</xsl:cuándo>
<xsl:when test="@transform='bigButton'"><xsl:element name="input">
<xsl:nombre del atributo="nombre"><xsl:valor-de
seleccionar="@nombre"/></xsl:atributo>
<xsl:nombre del atributo="id"><xsl:valor-de
seleccionar="@id"/></xsl:atributo>
<xsl:nombre del atributo="estilo">alto:30px;ancho:100px;fuente-
tamaño:18pt;font-weight:700;</xsl:attribute>
<xsl:nombre del atributo="valor"><xsl:valor-de
seleccionar="@valor"/></xsl:atributo>
</xsl:elemento>
</xsl:cuándo>
</xsl:elegir>
</xsl:plantilla>
</xsl:stylesheet>
El código anterior no puede crear un espacio de nombres, definir etiquetas XML, confirmar DTD o esquema por usted. Le permite crear scripts HTML funcionales que se pueden transformar en páginas completamente nuevas sin preocuparse por consideraciones de diseño.
En la hoja de estilo, el atributo de transformación de la etiqueta HTML se utiliza para impulsar la operación de transformación. He considerado usar un formulario FORM como unidad para definir los controles de usuario necesarios para las operaciones de conversión, ya que todos los controles para la entrada del usuario deben estar en un FORM. En este ejemplo, la salida es una ENTRADA de texto, el color del texto es azul; un botón de 20 píxeles de alto y 100 píxeles de ancho, con una fuente en negrita de 18 puntos. Podemos cambiar el color del texto en el cuadro de texto modificando la propiedad de transformación.
Hay muchas formas de agregar contenido estático a una página web. En este ejemplo, solo usamos la forma más sencilla, que consiste en agregar encabezado y pie de página a la hoja de estilo.
Ahora, cuando desee crear un nuevo formulario para la entrada del usuario, todo lo que tiene que hacer es crear un formulario normal. Una vez que los formularios generales pasan la prueba, estos formularios se pueden agregar a la transformación para generar la salida HTML del tema. Todo lo que necesita hacer es recordar el tipo de control de entrada y asegurarse de agregarlo como propiedad de conversión.