Iniciando O Xml [principios Básicos]

[LorDz 14]

Olá venho aqui com mais uma aula de principios básicos.

agora falando sobre XML, saiba como iniciar-se no assunto.

 

Antes de tudo deve-se ter noções básicas de elementos, atributos e valores e de como montar um documento em XML.

 

Elementos (normalmente contem texto). Ex.:

<nome>Carlos Alberto</nome> 
<empresa> Impacta Tecnologia</empresa> 
Atributo (descreve o texto). Ex.: 
<nome cargo='Instrutor'>Fernando Costta</nome>

Aqui o atributo cargo descreve que Carlos Alberto é instrutor

 

Exemplo: cadastro.xml

 

<?xml version="1.0"?> 
<cadastro> 
<ficha n="1"> 
<nome cargo="Instrutor">Carlos Alberto</nome> 
<periodo>Integral</periodo> 
<forum status="Moderador">XML</forum> 
</ficha> 
</cadastro>

 

Importante

Ha diferença entre maiúsculas e minúsculas, ou seja, Nome não e igual a nome

As tags de fechamento são obrigatórias

E obrigatório o elemento raiz - root (elemento que contem todos os elementos)

Não e obrigatório o uso do prolog <?xml version='1.0'?>

O documento xml pode conter comentários como o HTML

 

COD1 - O documento XML do projeto

 

<?xml version="1.0" ?> 
<agenda> 
<contato> 
<campo id="Nome" taborder="1"> 
<valor>Carlos</valor> 
</campo> 
<campo id="Sobrenome" taborder="2"> 
<valor>Costa</valor> 
</campo> 
<campo id="residencial" taborder="3"> 
<valor>Rua Bandeirantes</valor> 
</campo> 
<campo id="Comercial" taborder="4"> 
<valor>Paulista, 1009</valor> 
</campo> 
<campo id="telefone" taborder="5"> 
<valor>944446</field_value> 
</campo> 
<campo id="email" taborder="6"> 
<valor>propileneglicol@zipmail.com.br</valor> 
</campo> 
</contato> 
</agenda>

 

Este e o documento XML do projeto. Se aberto no Browser (IE 5.0) você terá como resposta uma estrutura de árvore como a do código acima. Agora precisamos apresenta-lo de uma forma agradável ao cliente. Esta e uma característica importante do XML, ele separar apresentação e dados.

Definindo que a única tarefa do XML e o gerenciamento dos dados, e que o XML vem com o poder inigualável de conseguir reutilizar os dados espalhos em um pagina Web, visto que ele esta demarcada com tags que auxiliam sua descrição e filtragem.

 

Formatando os dados

 

Agora você precisara de uma folha de estilo que formate os dados de seus documentos XML e os exiba no Browser. Com estas folhas de estilo, denominadas XSLT pode-se separa dados, filtra-los ou reordena-los de acordo com uma regra ou condição estipulada no código.

 

Perceba aqui enorme diferença para as folhas de estilos para HTML, no caso CSS, que apenas formatam texto, como HTML.

 

Um documento XSLT, como um documento XML, deve iniciar com a prolog de declaração de tipo de documento XML. Logo, apos devem ser declarados a namespce para a folha de estilo:

 

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

 

Logo apos isto o processador procura um modelo a ser aplicado ao root

 

<xsl: template match="/"

 

e inicia-se a criação do documento em HTML com a seleção dos elementos que desejamos selecionar do documento XML.

 

Esta seleção é feita através de

<xsl:value-of select="expr" />

 

Porem vale ressaltar que anteriormente foi selecionado um caminho através do atributo SELECT,

 

<xsl:for-each select="cadastro/ficha">

 

onde esta sendo selecionado ficha do elemento cadastro.

 

Veja como ficaria uma folha de estilo para o arquivo de exemplo cadastro.xml

 

Exemplo XSLT: (cadastro.xsl)

 

<?xml version="1.0" ?> 
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> 
<xsl:template match="/"> 
<table border="1"> 
<tr> 
<td> 
<font face="verdana" size="-1"><center>Nome</center></font> 
</td> 
<td> 
<font face="verdana" size="-1"><center>Periodo</center></font> 
</td> 
</tr> 
<xsl:for-each select="cadastro/ficha"> 
<tr> 
<td> 
<font face="verdana" size="-1"> 
<b> 
<xsl:value-of select="nome" /> 
</b> 
</font> 
</td> 
<td> 
<font face="verdana" size="-1"> 
<xsl:value-of select="periodo" /> 
</font> 
</td> 
</tr> 
</xsl:for-each> 
</table> 
</xsl:template> 
</xsl:stylesheet>

 

A prologolog abaixo deve ser inserida no documento XML para chamar a folha de estilo

 

<?xml:stylesheet type="text/xsl" href="cadastro.xsl"?>

 

Agora abra o documento XML no IE e veja o resultado.

 

Créditos:

Fernando Costta

LorDz

 

Abraços

Editado Outubro 30, 2009 por LorDz

[Tonynh 514]

Mais um belo trabalho do LorDz..

É aquele velho dilema.. tem vários pelo fórum.. mais nem todos estao bem explicados como o seu.

 

Parabéns..

 

• Boa formatacao

• Boa escrita

• Boa organizacao.

 

Tutorial Aprovado.

[Henrique Moura 193]

Tópico movido :forward:

Esta seção é apenas para aprovação de tutoriais relacionados à OTserv.

Editado Dezembro 7, 2009 por KaKilo