Conceitos de XML e XSLT

Prévia do material em texto

Programação Cliente em Sistemas web
Prof. Jorge Ferreira
Aula 6 - CONCEITOS DE SISTEMAS PARA INTERNET
2
Conteúdo Programático desta aula
Documentos bem formados;
Definição de domínios para documentos XML;
Programação cliente em sistemas web
3
XML
“Hoje a quantidade de informação disponível na Internet é praticamente incalculável. A maioria está em HTML, um formato de apresentação, mas o XML assumiu seu lugar, ao lado do HTML.
O XML se tornou um método bastante popular para o armazenamento de dados e para transmissão de dados.” 
Kevin Howard Goldberg
Programação cliente em sistemas web
4
XML
<?xml version=“1.0"?>
<my_children>
<child>
<name>Julia</name>
<gender>Female</gender>
<age>2</age> 
</child>
</my_children>
Programação cliente em sistemas web
5
XML – Extensão
Como as tags XML são criadas por nós, não há como um navegador saber como exibir as tags. 
Fica pra nós a especificação de como um documento XML deve ser exibido.
Programação cliente em sistemas web
6
XML é composto de três linguagens:
XSLT ( para transformar documentos XML)
Xpath (para identificar partes diferentes em um documento)
XSL-FO (para formatar um domento XML)
Programação cliente em sistemas web
7
XML – Exemplo
<?XML VERSION = “1.0” ?> <!-- versão —>
<raiz> <!-- elemento raiz - ->
<name>FULANO<name> <!-- filho- -> <location>SICLANO</location>
<height units= “feet”>107</height> <!-- atributo—>
</raiz> > <!-- elemento raiz -->
Programação cliente em sistemas web
8
Um elemento raiz é obrigatório
Tags de fechamento são obrigatórias
Devem-se aninhar os elementos
Case sensitive
Valores devem conter aspas 
Programação cliente em sistemas web
9
XML – Início
Deve-se iniciar cada arquivo XML com uma declaração que indique a versão XML usada.
No início do documento , digite: <?xml
Depois, digite: version=“1.0”
Digite: ?> 
Programação cliente em sistemas web
10
XML – Elemento raiz
Todo arquivo XML deve ter um, e apenas um, elemento que contenha todos os outros.
<raiz>
</raiz>
Programação cliente em sistemas web
11
XML – Exemplo
<?XML VERSION = “1.0” ?> <!-- versão —>
<raiz> <!-- elemento raiz —>
</raiz> > <!-- elemento raiz -->
Programação cliente em sistemas web
12
XML – Elementos filho
Após a criação do elemento raiz, podemos criar qualquer elemento filho.
<nome>conteudo</nome>
Programação cliente em sistemas web
13
XML – Elementos aninhados
São elementos filhos de elementos filhos.
<?XML VERSION = “1.0” ?>
<raiz>
<raiz_interna>
<name>FULANO<name> <!-- filho—>
<location>OUTRO</location<
<height units= “feet”>107</height><!-- atributo->
</raiz_interna>
</raiz> > <!-- elemento raiz -->
Programação cliente em sistemas web
14
XML – Elementos vazios
São elementos que não têm conteúdo próprio. Ele possuem atributos.
<main_image filename=”bola.jpg” w=“30” h=“20” />
 ou
<source section=“10” newspaperid=“21”></source>
Programação cliente em sistemas web
15
XML – Comentários
Os comentários são usados para por usamos um determinado elemento.
O que significa certa rotina, etc.
<!- - este é um comentário -->
Programação cliente em sistemas web
16
Entidades pré-definidas - Símbolos especiais
&amp; para criar um E comercial(&)
&lt; para criar um sinal de menor(>)
&gt; para criar um sinal de maior(<)
&quot; para criar uma aspa dupla(“)
&após; para criar aspas simples
Programação cliente em sistemas web
17
<![CDATA[ ---- ]]>Caracter DATA
Para evitar que o processador XML interprete os códigos, devemos colocar informações dentro da seção CDATA.
<![CDATA
atributos não processados
 ]]>
Podemos inserir HTML e Javascript
Programação cliente em sistemas web
18
XSL – Formatação do XML
As especificações para esse processo foram chamadas de XSL, que significa eXtensible Style Language.
Como resultado temos um HTML ou outro XML.
Programação cliente em sistemas web
19
XSLT
Temos que associar nosso documento XML à sua folha de estilo XSLT, usando a instrução de processamento xml-stylesheet.
Cada modelo XSLT possui duas partes: uma identifica os nodos no documento XML, e a outra são instruções da transformação.
Programação cliente em sistemas web
20
XSLT-Início de uma folha de estilo XSLT
Cada folha de estilo XSL é, na verdade, um documento XML e deve começar com a declaração XML padrão.
<?xml version=“1.0”?>
Programação cliente em sistemas web
21
XSLT-Início de uma folha de estilo XSLT 
<xsl:stylesheet 
xmlns:xsl=“http://www.w3.org/1999/XSL/
Transform”version=”1.0”>
Programação cliente em sistemas web
22
XSLT-Modelo raiz
A primeira coisa que o processador XSLT busca numa folha de estilo é o modelo raiz. Ele define o conjunto de regras.
<xsl:template match=“/”> 
</xsl:template>
A barra vertical equivale ao nodo raiz do documento XML de origem.
Programação cliente em sistemas web
23
XSLT-Exibição em HTML
Para que o processador XSLT gera a saída em HTML, será preciso usar a instrução de processamento xsl:output.
<xsl:output method=“html”/>
O método de saída pode ser html, xml ou text.
Programação cliente em sistemas web
24
Como exibir conteúdo de um nodo
Para exibir usaremos:
<xsl:value-of select=“expressão”/>
Ex:
<p><xsl:value-of select=“wonders/wonder” /></p>
Programação cliente em sistemas web
Jorge Ferreira da Silva
Professor Universitário, Empresário na área de Desenvolvimento de Sites e Sistemas pela Empresa Mk-Desenvolvimento de Software LTDA - Desde 2009. Com especialização concluída em Dezembro de 2010, na área de Análise, Projeto e Gerência de Sistemas pela Universidade Estácio de Sá, pós-graduação em Docência do Ensino Superior pela Universidade Cândido Mendes e pós graduação em docência do ensino médio e fundamental. Também possui graduação em Ciência da Computação pela Universidade Veiga de Almeida (2004) , graduação em Superior de Tecnologia em Informática pela Universidade Veiga de Almeida (2000).
http://lattes.cnpq.br/4587014427208613
Programação cliente em sistemas web
Obrigado! Até a próxima aula.