O design da Web se beneficia muito com a transformação de XML e XSLT. Com as transformações XML e XSLT, você pode armazenar palavreado dinâmico e conteúdo de site em um banco de dados. Você pode transferir o banco de dados em XML e depois convertê-lo em script HTML por meio da transformação XSLT.
Nos primeiros dias do desenvolvimento de redes, a coesão era alcançada no lado do servidor, mas isso envolvia muito gerenciamento manual de arquivos. Felizmente, à medida que a web amadurece, o mesmo acontece com as ferramentas de desenvolvimento web. Por exemplo, no framework .NET, você pode criar vários controles da Web para unificar o design.
Ao projetar funções de interação usuário/dados, como obter integridade completa dos dados, funcionalidade da interface do usuário e regras de negócios. Este artigo fornecerá um exemplo de site e explicará como XML e XSLT podem tornar o design do seu site perfeito.
Aqui está uma citação:
<html>
<cabeça>
</head>
<corpo>
<form method="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25"><br>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Enviar">
</form>
</body>
</html>
O trecho de código acima completa a função principal, mas precisa ser embelezado com XML e XSLT.
Em XML, o código possui tags de abertura e fechamento, enquanto em HTML não existem. As tags INPUT e BR são casos especiais, não requerem uma tag final. No entanto, adicionar uma barra antes da tag de fechamento ">" garante que o HTML esteja em conformidade com a especificação XML. Se você prestar atenção ao seguir essas especificações ao escrever scripts HTML, poderá converter XML/HTML (também conhecido como XHTML) em boas páginas HTML.
Aqui está uma citação:
<form method="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25" transform="blueText"/>
<br/>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Enviar"
transform="bigButton"/>
</form> Execute o seguinte código para concluir a conversão XSLT:
<?xml versão="1.0"?>
<xsl:folha de estilo
xmlns:xsl=" http://www.w3.org/1999/XSL/Transform " versão="1.0"
>
<xsl:método de saída="html"/>
<xsl:template match="/">
<table width="100%" cellpadding="0" cellpacing="0">
<tr><td align="center">Este é o cabeçalho definido</td></tr>
<tr><td><xsl:apply-templates select="//form"/></td></tr>
<tr><td align="center">Este é o rodapé definido</td></tr>
</tabela>
</xsl:template>
<xsl:template match="form">
<xsl:element name="form">
<xsl:attribute name="método"><xsl:valor-de
select="@method"/></xsl:attribute>
<xsl:attribute name="action"><xsl:valor-de
select="@action"/></xsl:attribute>
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
<xsl:apply-templates select="*"/>
</xsl:elemento>
</xsl:template><xsl:template match="*">
<xsl:escolha>
<xsl:when test="@transform='blueText'"><xsl:element name="input">
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
<xsl:attribute name="type">texto</xsl:attribute>
<xsl:attribute name="style">cor:azul</xsl:attribute>
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of
select="@value"/></xsl:attribute></xsl:if>
</xsl:element>
</xsl:quando>
<xsl:when test="@transform='redText'"><xsl:element name="input">
<xsl:attribute name="nome"><xsl:valor-de
select="@nome"/></xsl:attribute>
<xsl:attribute name="id"><xsl:valor-de
select="@id"/></xsl:attribute>
<xsl:attribute name="type">texto</xsl:attribute>
<xsl:attribute name="style">cor:vermelho</xsl:attribute>
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of
select="@value"/></xsl:attribute></xsl:if>
</xsl:element>
</xsl:quando>
<xsl:when test="@transform='bigButton'"><xsl:element name="input">
<xsl:attribute name="nome"><xsl:valor-de
select="@nome"/></xsl:attribute>
<xsl:attribute name="id"><xsl:valor-de
select="@id"/></xsl:attribute>
<xsl:attribute name="style">altura:30px;largura:100px;fonte-
tamanho:18pt;peso da fonte:700;</xsl:attribute>
<xsl:attribute name="valor"><xsl:valor-de
select="@value"/></xsl:attribute>
</xsl:element>
</xsl:quando>
</xsl:escolha>
</xsl:template>
</xsl:stylesheet>
O código acima não pode criar um namespace, definir tags XML, confirmar DTD ou esquema para você. Ele permite que você crie scripts HTML funcionais que podem ser transformados em novas páginas completas sem se preocupar com considerações de design.
Na folha de estilos, o atributo de transformação da tag HTML é usado para conduzir a operação de transformação. Considerei usar um formulário FORM como unidade para definir os controles de usuário necessários para operações de conversão, já que todos os controles para entrada do usuário devem estar em um FORM. Neste exemplo, a saída é um texto INPUT, a cor do texto é azul; um botão com 20 pixels de altura e 100 pixels de largura, com fonte em negrito de 18 pontos. Podemos alterar a cor do texto na caixa de texto modificando a propriedade transform.
Existem muitas maneiras de adicionar conteúdo estático a uma página da web. Neste exemplo, usamos apenas a maneira mais simples, que é adicionar cabeçalho e rodapé à folha de estilos.
Agora, quando você quiser criar um novo formulário para entrada do usuário, tudo o que você precisa fazer é criar um formulário normal. Depois que os formulários gerais passarem no teste, esses formulários poderão ser adicionados à transformação para gerar a saída HTML do tema. Tudo o que você precisa fazer é lembrar o tipo de controle de entrada e adicioná-lo como uma propriedade de conversão.