A combinação de XML e XSLT torna o design do site perfeito

Autor：Eve Cole Data da Última Atualização：2009-07-07 16:20:13

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:

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:

Execute o seguinte código para concluir a conversão XSLT:

xmlns:xsl=" http://www.w3.org/1999/XSL/Transform " versão="1.0"
>

select="@method"/>

select="@action"/>

texto
cor:azul

select="@value"/>

select="@nome"/>

select="@id"/>

texto
cor:vermelho

select="@value"/>

select="@nome"/>

select="@id"/>

altura:30px;largura:100px;fonte-
tamanho:18pt;peso da fonte:700;

select="@value"/>

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.

Este é o cabeçalho definido

Este é o rodapé definido