XPath & XSLT. Lamberto Ballan, Ombretta Gaggi. Università degli Studi di Padova. Tecnologie Web A.A. 2017/18

Transcript

1 XPath & XSLT Lamberto Balla, Ombretta Gaggi Uiversità degli Studi di Padova Tecologie Web A.A. 2017/18 4 Dicembre 2017

2 Aggiugere stile co XSL p XHTML è u liguaggio XML che rappreseta la struttura di ua pagia web metre lo stile viee aggiuto co CSS p Essedo u liguaggio XML, co XHTML si possoo utilizzare tutti gli stadard a disposizioe per XML p I particolare esiste u alterativa per la creazioe di fogli di stile, le trasformazioi XSL (XSLT) Tecologie Web - 2 2

3 Cos è XSL p Extesible Stylesheet Laguage (XSL) è u liguaggio per fogli di stile per XML che permette: trasformazioi semplici o complesse della struttura XML formattazioe di u documeto XML p Più i geerale, ua trasformazioe (XSLT) modifica u documeto XML i u altro documeto XML ua formattazioe ivece impagia u documeto XML (e quidi il risultato o è u uovo documeto XML) p È ua raccomadazioe del W3C e si divide i due parti: ua procedura di trasformazioe (specifiche XSLT) ua procedura di formattazioe (specifiche XSL o XSL-FO) p La dicitura XSL è più geerica di XSLT e può riferirsi sia ad u foglio di trasformazioe che ad u foglio di stile Tecologie Web - 3 3

4 Applicazioi di XSL XSLT da F1 a F2 Appl. 1 Appl. 2 Formato itero 1 XML Formato itero 2 XSL-FO Schema 1 Schema 2 Tecologie Web - 4 4

5 Regole XSL p Ua regola XSL è composta da due parti distite: (1) u modello e (2) u istruzioe il modello localizza il odo al quale applicare l istruzioe l istruzioe descrive l azioe da itrapredere p I XSL la localizzazioe del odo su cui agire avviee utilizzado lo stadard XPath Tecologie Web - 5 5

6 U passo idietro: XPath p È ua raccomadazioe W3C (16 ovembre 1999) usata come base da altri stadard XSL XLik XQuery XPoiter, etc p XPath è ua sitassi per defiire percorsi all itero di u documeto XML permette di avigare all itero di documeti XML e di idetificare frammeti cotigui o o cotigui cotiee u set di fuzioi predefiite ed ha sitassi o XML XPath defiisce due sitassi, ua compatta ed ua estesa (la prima è quella più utilizzata) Tecologie Web - 6 6

7 Evoluzioi più receti (23 geaio 2007) p XPath 2.0 p XSLT 2.0 geeralizza il cocetto di isieme di odi restituedo o più questi isiemi ma sequeze (che quidi possoo coteere ache cose diverse) Itroduce più di 90 fuzioi per la maipolazioe delle sequeze rispetto alla prima versioe permette di creare documeti multipli e fuzioi defiite dall utete p XQuery 1.0 liguaggio per effettuare query su documeti XML formattado il risultato Fa fortemete uso del liguaggio XPath Tecologie Web - 7 7

8 Espressioi XPath p U espressioe XPath restituisce: ua selezioe (u isieme) di odi u valore semplice p u booleao p ua striga p u umero p U isieme di odi è ua collezioe di oggetti del doc XML p Le espressioi XPath si possoo aidare: l isieme di odi risultate da ua prima espressioe XPath può essere il parametro di iput per ua secoda espressioe Tecologie Web - 8 8

9 Termiologia p XPath defiisce 7 tipi di odi: elemeto attributo testo amespace processig-istructio commeto odo documeto p I documeti XML soo visti come alberi, la cui radice è il odo documeto (o odo radice) p Valori atomici: odi seza figli Tecologie Web - 9 9

10 Esempio <?xml versio="1.0" ecodig="utf-8"?> Nodo radice Elemeto radice <bookstore> Nodo commeto <! up to > <book> Nodo attributo <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> Nodo testo <price>29.99</price> </book> Nodo elemeto </bookstore> Tecologie Web

11 Relazioi tra i odi p Paret: ogi elemeto ha u uico geitore p Childre p Sibligs (fratelli) p Acestors (ateati) p Descedats (discedeti) Tecologie Web - 11 <bookstore> <book> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> </bookstore> 11

12 Il odo cotesto (o odo correte) p Ogi passo di u espressioe di percorso va valutato sull isieme di odi da cui parte la computazioe, detto odo cotesto o odo correte p Il odo cotesto è il odo radice se si tratta del primo passo di u path assoluto viee stabilito dall applicazioe se si tratta del primo passo di u path relativo uo dei odi restituiti dal passo precedete se o si tratta del primo passo di u path Tecologie Web

13 Espressioi XPath p U espressioe Xpath è u percorso di locazioe costruito da ua sequeza di passi p Ogi passo di locazioe è composto da: u asse di locazioe u test di odo zero o più predicati /step/asse::test-di-odo[predicato][predicato]/step/ Tecologie Web

14 Gli assi Xpath 1 (sitassi estesa) p U asse defiisce u isieme di odi i relazioe al odo correte p Possiamo dire che l asse idica la direzioe i cui cercare: acestor: selezioa tutti gli ateati (padre, oo, etc) del odo correte acestor or-self: selezioa tutti gli ateati (padre, oo, etc) del odo correte e il odo correte attribute: selezioa tutti gli attributi del odo correte child: selezioa tutti i figli del odo correte descedat: selezioa tutti i discedeti (figli, ipoti, etc) del odo correte descedat-or-self: selezioa tutti i discedeti (figli, ipoti, etc) del odo correte e il odo correte Tecologie Web

15 Gli assi Xpath 2 (sitassi estesa) p U asse defiisce u isieme di odi i relazioe al odo correte: followig: selezioa tutto ciò che, el documeto, segue il tag di chiusura del odo correte followig-siblig: selezioa tutti i fratelli, dopo il odo correte amespace: selezioa tutti i odi di tipo amespace del odo correte paret: selezioa il padre del odo correte precedig: selezioa tutto ciò che, el documeto, precede il tag di apertura del odo correte precedig-siblig: selezioa tutti i fratelli, prima del odo correte self: selezioa il odo correte Tecologie Web

16 Gli assi Xpath - 3 / R S S S P P P P P P P P P B Asse acestor:: I B I P S Asse self:: Asse paret:: Asse descedat:: I Asse child:: Asse precedig:: P Asse precedig-siblig:: Asse followig:: P Asse followig-siblig:: 16 Tecologie Web - 16

17 Come esprimere u percorso ella sitassi estesa p U locatio path può essere assoluto o relativo. U espressioe assoluta comicia co / p Ogi espressioe si compoe di più passi (locatio step), divisi da / e letti da siistra a destra espressioe assoluta: /step/step/ espressioe relativa: step/step/ p Ogi step è valutato sull isieme di odi correti e produce u uovo isieme di odi p Ogi step può essere rappresetato così: omeasse::odotest[predicato] stabilisce la relazioe co il odo correte idetifica u elemeto i u asse I predicati raffiao ulteriormete l isieme di odi Tecologie Web - 17

18 Esempi p child::book selezioa tutti i odi book che siao figli del odo correte p attribute::lag selezioa l attributo lag del odo correte p child::ode() selezioa tutti i odi figli del odo correte p child::text() selezioa il coteuto testuale del odo correte (selezioa tutti i odi figli di tipo testuale del odo correte) Tecologie Web

19 Selettori (sitassi compatta) Espressioe Descrizioe Nome del odo Selezioa tutti i figli del odo correte co tale ome / Selezioa il odo radice // Selezioa i odi del documeto, a partire dal odo correte che corrispodoo alla selezioe, o importa dove si trovio. Selezioa il odo correte.. Selezioa il odo Selezioa gli attributi Tecologie Web

20 Sitassi compatta p I alcui casi esistoo delle forme abbreviate usabili ivece della sitassi completa: Child::x si può abbreviare co x Attribute::a si può abbreviare Descedat-or-self::ode() si può abbreviare co // p child::x/descedat-or-self::ode()/y diveta x//y p /descedat-or_self::ode()/y diveta semplicemete //y p child::x/attribute::k diveta semplicemete x/@k Self::ode()/ si può abbreviare co., Paret::ode()/ si può abbreviare co.. Tecologie Web

21 Esempi p child::book à book selezioa tutti i odi book che siao figli del odo correte p attribute::lag selezioa l attributo lag del odo correte p child::ode() à ode() selezioa tutti i odi figli del odo correte p child::text() à text() selezioa il coteuto testuale del odo correte (selezioa tutti i odi figli di tipo testuale del odo correte) Tecologie Web

22 Esempio <bookstore> <book> </book> <book> </book> </bookstore> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> bookstore /bookstore / Tecologie Web - 22

23 Esempio <bookstore> <book> /bookstore/book <title lag="e">harry Potter</title> //book <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> <book> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> </book> </bookstore> Tecologie Web - 23

24 Esempio <bookstore> <book> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> <book> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> </book> </bookstore> /bookstore/book/title //book/title //title

25 Nodo di test p Il odo di test idetifica attraverso il ome ed il tipo l oggetto da restituire p Il test può essere: u ome di elemeto (o attributo) text(), processig-istructio(), commet() Tecologie Web

26 Wildcard p XPath defiisce due test di odo di tipo wildcard ode(): selezioa tutti i odi, di qualuque tipo, ell asse, iclusi commeti, testo e processig istructio *: selezioa tutti i gli elemeti odi specifici defiiti dall asse <bookstore> /bookstore/ode() <! up to > /bookstore/* <book> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> </bookstore> Tecologie Web

27 Predicati - 1 p I predicati soo sempre iseriti tra paretesi quadre /bookstore/book[1] p I predicati servoo per selezioare u odo specifico o odi che cotegoo u valore dato p Predicati: /padre/odo[]: selezioa l eesimo elemeto odo figlio dell elemeto padre /padre/odo[last()]: selezioa l ultimo elemeto odo figlio dell elemeto padre /padre/odo[last() - 1]: selezioa il peultimo elemeto odo figlio dell elemeto padre /padre/odo[positio()<]: selezioa i primi -1 elemeti odo figli dell elemeto padre Tecologie Web

28 Predicati - 2 p Altri predicati: //odo[elem]: selezioa tutti gli elemeti odo che cotegoo u elemeto elem //odo[@attr]: selezioa tutti gli elemeti odo co u attributo attr //odo[@attr= valore ]: selezioa tutti gli elemeti odo co u attributo attr uguale a valore //odo[@attr>]: selezioa tutti gli elemeti odo co u attributo attr co valore maggiore di //odo[@attr>]/figlio: selezioa tutti gli elemeti figlio figli di elemeti odo co u attributo attr maggiore di *: selezioa qualsiasi elemeto selezioa qualsiasi odo di tipo attributo (qualsiasi attributo, ma ce e deve essere almeo uo, ad esempio //odo[@*] o selezioa i odi privi di attributi) Tecologie Web

29 Operatori Operatore Descrizioe Uisce due isiemi di odi +,-,*,div Addizioe, sottrazioe, moltiplicazioe, divisioe =,!= Uguagliaza e disuguagliaza >, >=, <, <= or, ad mod Operatori logici (restituiscoo true o false) Modulo Tecologie Web

30 Esempi <bookstore> e ] <book> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> <book> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> </book> </bookstore> Tecologie Web - 30

31 Esempi <bookstore> //book [price>20]/title <book> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> </book> <book> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> </book> </bookstore> Tecologie Web - 31

32 Esempi <bookstore> <book> </book> <book> </book> </bookstore> <title lag="e">harry Potter</title> <author>j K. Rowlig</author> <year>2005</year> <price>29.99</price> <title lag= it">u cappello pieo di ciliege</title> <author>oriaa Fallaci</author> <year>2008</year> <price>20.00</price> //book [year= 2005 year= 2008 ]/title //book [year= 2005 or year= 2008 ]/title (//book [year= 2005 ] //book[year= 2008 ])/title Tecologie Web - 32

33 Ricerca su più percorsi p Co l operatore è possibile creare espressioi XPath che seguoo percorsi diversi p Esempio: //book/title //book/price: selezioa tutti i titoli e tutti i prezzi di tutti gli elemeti book //title //price Tecologie Web

34 Fuzioi p XPath 1.0 forisce u isieme di fuzioi su odi, umeri e strighe: last(): restituisce il umero di fratelli del odo correte positio(): restituisce la posizioe del odo correte cout(ode-set): restituisce il umero di odi di ode-set id(strig): restituisce il odo co id strig (richiede uo schema) Fuzioi striga: strig-leght(), cocat(), starts-with(), cotais(), etc Fuzioi booleae: boolea(), true(), false(), ot() Fuzioi umeriche: sum(), umber(), roud(), floor(), ceilig() Tecologie Web

35 Esempio <azieda ome= ACME, Ic > <divisioe id= 01 > <descr> Prima divisioe </descr> <maager>de Raphaely <qualifica>maager</qualifica> <salario>10000</salario> </maager> <ufficio id= 1 > <descr>marketig<descr> <dipedete> </dipedete> </ufficio> <reparto id= 21 > <dipedete>joh Russel <qualifica>operaio</qualifica> <salario>10000</salario> </dipedete> </reparto> </divisioe> </azieda> I codici idetificativi di tutte le divisioi: //divisioe/@id Tecologie Web - 35

36 Esempio <azieda ome= ACME, Ic > <divisioe id= 01 > <descr> Prima divisioe </descr> <maager>de Raphaely <qualifica>maager</qualifica> <salario>10000</salario> </maager> <ufficio id= 1 > <descr>marketig<descr> <dipedete> </dipedete> </ufficio> <reparto id= 21 > <dipedete>joh Russel <qualifica>operaio</qualifica> <salario>10000</salario> </dipedete> </reparto> </divisioe> </azieda> Tutti gli uffici della divisioe che compare per prima ell eleco: //divisioe[1]/ufficio Tecologie Web - 36

37 Attezioe p L espressioe precedete si può ache scrivere i questo modo: //divisioe[positio()=1]/ufficio p Che differeza esiste tra le due espressioi di seguito? //divisioe[positio()=3] [positio()=1]/ufficio //divisioe[positio()=1] [positio()=3]/ufficio Tecologie Web - 37

38 Esempio <azieda ome= ACME, Ic > <divisioe id= 01 > <descr> Prima divisioe </descr> <maager>de Raphaely <qualifica>maager</qualifica> <salario>10000</salario> </maager> <ufficio id= 1 > <descr>marketig<descr> <dipedete> </dipedete> </ufficio> <reparto id= 21 > <dipedete>joh Russel <qualifica>operaio</qualifica> <salario>10000</salario> </dipedete> </reparto> </divisioe> </azieda> I dipedeti del primo ufficio di ogi divisioe: //divisioe/ufficio[positio() =1]/dipedete Tecologie Web - 38

39 Esempio <azieda ome= ACME, Ic > <divisioe id= 01 > <descr> Prima divisioe </descr> <maager>de Raphaely <qualifica>maager</qualifica> <salario>10000</salario> </maager> <ufficio id= 1 > <descr>marketig</descr> <dipedete> </dipedete> </ufficio> <reparto id= 21 > <dipedete>joh Russel <qualifica>operaio</qualifica> <salario>10000</salario> </dipedete> </reparto> </divisioe> </azieda> I dipedeti di maager co salario superiore a 9000: //divisioe[maager/salario >9000]//dipedete Tecologie Web - 39

40 Esempio <azieda ome= ACME, Ic > <divisioe id= 01 > <descr> Prima divisioe </descr> <maager>de Raphaely I dipedeti di De Raphaely: <qualifica>maager</qualifica> <salario>10000</salario> </maager> <ufficio id= 1 > <descr>marketig<descr> <dipedete> </dipedete> </ufficio> <reparto id= 21 > <dipedete>joh Russel <qualifica>operaio</qualifica> <salario>10000</salario> </dipedete> </reparto> </divisioe> </azieda> //divisioe[maager/text()= De Raphaely ] //dipedete Tecologie Web - 40

41 Possibili errori co la sitassi compatta p Quali soo le differeze tra le segueti espressioi? //reparto[1] /descedat::reparto[1] /descedat-or-self::ode()/reparto[1] p E tra queste? /azieda/divisioe[//ufficio] /azieda/divisioe[.//ufficio] Tecologie Web

42 Regole XSL p Soo composta da due parti: u modello ed u istruzioe p Il modello localizza il odo al quale applicare l istruzioe p L istruzioe descrive l azioe da itrapredere p Per localizzare il odo su cui agire, XSL utilizza lo stadard Xpath p Browser che supportao XSLT Firefox 3 supporta XML, XSLT e XPath Iteret Explorer 6 supporta XML, XSLT e XPath Google Chrome 1 supporta XML, XSLT e XPath Opera 9 supporta XML, XSLT e XPath Safari 3 supporta XML e XSLT ma o Xpath ios supporta XML e XSLT dalla versioe 3 Adroid supporta XML e XSLT dalla versioe 2.1 Tecologie Web

43 Dichiarazioe iiziale p Per le trasformazioi: <xsl:stylesheet versio="1.0" xmls:xsl=" p Per le formattazioi <xsl:trasform versio="1.0" xmls:xsl=" p Per aggiugere u foglio di trasformazioe o di stile ad u file xml si usa il codice seguete: <?xml-stylesheet type="text/xsl" href= fogliodistile.xsl"?> Tecologie Web

44 <xsl:template> p I fogli di stile XSL soo u isieme di chiamate a template p U template cotiee le regole di formattazioe da applicare ad u determiato odo di u file XML <xsl:template match= espressioe XPath"> formattazioe da applicare </xsl:template> p Attributi: match, ame, priority, mode Tecologie Web

45 Caso di studio: trasformare XML i XHTML <?xml versio="1.0" ecodig="utf-8"?> <catalog> <cd> <title>empire Burlesque</title> <artist>bob Dyla</artist> <coutry>usa</coutry> <compay>columbia</compay> <price>10.90</price> <year>1985</year> </cd> <cd> </cd> </catalog> 45 Tecologie Web - 45

46 Caso di studio: trasformare XML i XHTML <?xml versio="1.0" ecodig="utf-8"?> <xsl:stylesheet versio="1.0" xmls:xsl=" <xsl:template match="/"> <html> <body> <h2>my CD Collectio</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>title</th> <th>artist</th> </tr> <tr> <td> </td> <td>..</td> </tr> </table> </body> </html> </xsl:template> </xsl:stylesheet> Tecologie Web

47 <xsl:value-of> p L elemeto <xsl:value-of> serve per estrarre il valore da u elemeto XML ed iserirlo ell output della trasformazioe p Ache i questo caso, l elemeto XML è selezioato tramite XPath p Esempio: <td><xsl:value-of select="catalog/cd/title"/></td> <td><xsl:value-of select="catalog/cd/artist"/></td> p Attributi: select, disable-output-escapig Tecologie Web

48 <xsl:for-each> p L elemeto <xsl:for-each> permette di scorrere gli elemeti selezioati da u template. I pratica serve per creare dei loop p Esempio: <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> </xsl:for-each> p Attributi: select <td><xsl:value-of select="artist"/></td> </tr> p È possibile filtrare l output utilizzado espressio XPath più complesse <xsl:for-each select="catalog/cd[artist='bob Dyla']"> Tecologie Web

49 <xsl:sort> p L elemeto <xsl:sort> permette di ordiare l output secodo alcui criteri p Viee iserito all itero dei template, i particolare detro gli elemeti: p Esempio: <xsl:for-each> <xsl:apply-templates> <xsl:for-each select="catalog/cd"> <xsl:sort select="artist"/> <tr> <td><xsl:value-of select="title"/></td> </tr> </xsl:for-each> p Attributi: select, lag, data-type, order, case-order Tecologie Web

50 <xsl:if> p L elemeto <xsl:if> permette di creare u istruzioe codizioale p È simile alle istruzioi if dei liguaggi di programmazioe ma o esiste il ramo else p Esempio: <xsl:for-each select="catalog/cd"> <xsl:if test="price > 10"> <tr> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="artist"/></td> </tr> </xsl:if> </xsl:for-each> Tecologie Web

51 <xsl:choose> p L elemeto <xsl:choose> viee usato isieme a <xsl:whe> e <xsl:otherwise> per esprime test codizioali multipli p È simile all istruzioe switch dei liguaggi di programmazioe p L istruzioe <xsl:whe> può comparire più volte e la clausola <xsl:otherwise> può essere omessa p Attributi per <xsl:whe>: test Tecologie Web

52 Esempio <xsl:for-each select="catalog/cd"> <tr> <td><xsl:value-of select="title"/></td> <xsl:choose> <xsl:whe test="price > 10"> <td bgcolor="#f0f"> <xsl:value-of select="artist"/></td> </xsl:whe> <xsl:whe test="price > 9"> <td bgcolor="#ccc"> <xsl:value-of select="artist"/></td> </xsl:whe> <xsl:otherwise> <td><xsl:value-of select="artist"/></td> </xsl:otherwise> </xsl:choose> </tr> </xsl:for-each> Tecologie Web

53 Ivocazioe delle regole p Se u template ha u attributo ame è possibile richiamarlo seza far uso del meccaismo di patter matchig tramite il tag call-template <xsl:for-each select="catalog/cd"> <xsl:call-template ame="title"/> <xsl:call-template ame="artist"/> </xsl:for-each> <xsl:template ame= title"> <xsl:value-of select="title"/> </xsl:template> <xsl:template ame= artist"> <xsl:value-of select= artist"/> </xsl:template> Tecologie Web

54 Template ricorsivi p L elemeto <xsl:apply-templates> serve per applicare u template all elemeto correte o ai odi figli dell elemeto correte p Permette ua defiizioe modulare della trasformazioe p Metre l elemeto <xsl:for-each> permette di applicare ua trasformazioe i modo iterativo, <xsl:apply-templates> permette ache elaborazioi ricorsive: <xsl:applytemplates> può essere paragoato alla chiamata ricorsiva di fuzioe ei liguaggi di programmazioe p Attributi: select (per selezioare solo alcui figli), mode Tecologie Web

55 Template predefiiti <xsl:template match= * / > <xsl:apply-templates/> </xsl:template> <xsl:template match= mode= #all > <xsl:value-of select=. /> </xsl:template> <xsl:template match= commet () processig-istructio() mode= #all /> Tecologie Web

56 Esempio - 1 <?xml versio="1.0" ecodig="utf-8"?> <xsl:stylesheet versio="1.0" xmls:xsl=" <xsl:output method='html' versio='1.0' ecodig='utf-8' idet='yes'/> <xsl:template match="/"> <html> <body> <h2>my CD Collectio</h2> <xsl:apply-templates/> </body> </html> </xsl:template> Tecologie Web

57 Esempio - 2 <xsl:template match="cd"> <p> </p> <xsl:apply-templates select="title"/> <xsl:apply-templates select="artist"/> </xsl:template> <xsl:template match="title"> Title: <spa style="color:#ff0000"> <xsl:value-of select="."/></spa> <br /> </xsl:template> <xsl:template match="artist"> Artist: <spa style="color:#0f0"> <xsl:value-of select="."/></spa> </xsl:template> </xsl:stylesheet> Tecologie Web

58 Output Tecologie Web

59 Esercizio p Provare ad otteere lo stesso output co l elemeto <xsl:foreach> Tecologie Web

60 Soluzioe <xsl:template match="/"> <html><body> <h2>my CD Collectio</h2> <xsl:for-each select="catalog/cd"> <p> Title: <spa style="color:#ff0000"> <xsl:value-of select="title"/></spa> <br/> Artist: <spa style="color:#0f0"> <xsl:value-of select="artist"/></spa> </p> </xsl:for-each> </body> </html> </xsl:template> </xsl:stylesheet> Tecologie Web

61 Altro esempio: utilizzo dei modi <?xml versio="1.0" ecodig="utf-8"?> <catalog> <cd> <title>empire Burlesque</title> <artist>bob Dyla</artist> <coutry>usa</coutry> <compay>columbia</compay> <price>10.90</price> <year>1985</year> </cd> <cd> </cd> </catalog> 61 Tecologie Web - 61

62 Altro esempio: utilizzo dei modi <?xml versio="1.0" ecodig="utf-8"?> <idex> <titles> <title>empire Burlesque</title> <title> </title> </titles> <artists> <artist>bob Dyla</artist> <artist> </artist> </artists> </idex> 62 Tecologie Web - 62

63 Utilizzo dei modi - 1 <xsl:template match="/catalog"> <idex> <titles> <xsl:apply-templates mode= title select= cd > <xsl:sort select= title /> </xsl:apply-templates> </titles> <artists> <xsl:apply-templates mode= artist select= cd > <xsl:sort select= artist /> </xsl:apply-templates> </artists> </idex> </xsl:template> Tecologie Web

64 Utilizzo dei modi - 2 <xsl:template mode= artist match= cd > <artist><xsl:value-of select="artist"/></artist> </xsl:template> <xsl:template mode= title match= cd > <title><xsl:value-of select= title"/></title> </xsl:template> Tecologie Web

65 Utilizzo dei modi - 3 <xsl:template mode= artist match= cd > <xsl:elemet ame= artist > <xsl:value-of select="artist"/> </xsl:elemet> </xsl:template> <xsl:template mode= title match= cd > <xsl:elemet ame= title > <xsl:value-of select= title"/> </xsl:elemet> </xsl:template> Tecologie Web

66 Creazioe di template per html Tecologie Web

67 File XML - 1 <?xml versio="1.0" ecodig="utf-8"?> <pagia> <header/> <avigazioe> <ul> <li id="posizioe"><spa>serie TV</spa></li> <li><spa><a href="persoaggi.html">persoaggi</a> </spa></li> <li><spa><a href="episodi.html">episodi</a></spa></li> <li><spa><a href="foti.html">foti</a></spa></li> </ul> </avigazioe> Tecologie Web

68 File XML - 2 <corpo> <h1>dr. House - Medical Divisio</h1> <p><em>dr. House - Medical Divisio (House, MD) </em> è ua serie televisiva statuitese del 2004 ambietata el reparto di cliica medica dell'ospedale uiversitario fittizio Priceto-Plaisboro Teachig Hospital, situato el New Jersey. La serie è icetrata sulle vicede di u'equipe di...</p> </corpo> <piede/> </pagia> Tecologie Web

69 File XML - 3 <?xml versio="1.0" ecodig="utf-8"?> <?xml-stylesheet type="text/xsl" href="trasforma.xsl"?> <pagia> <header/> <avigazioe> <ul> <li id="posizioe"><spa>serie TV</spa></li> <li><spa><a href="persoaggi.html">persoaggi</a> </spa></li> <li><spa><a href="episodi.html">episodi</a></spa></li> <li><spa><a href="foti.html">foti</a></spa></li> </ul> </avigazioe> Tecologie Web

70 Foglio di trasformazioe - 1 <xsl:template match="/"> <html xmls=" xml:lag="e" lag= e"> <head> <title>dottor House - Serie Televisiva </title> <meta http-equiv="cotet-type" cotet="text/html; charset=utf-8"/> <meta ame="title" cotet="dottor House - Serie Televisiva - Home page" /> <lik href="house1.css" rel="stylesheet" type="text/css" media="scree"/> <lik href="house_prit.css" rel="stylesheet" type="text/css" media="prit"/> </head> Tecologie Web

71 Foglio di trasformazioe - 2 <body> <xsl:apply-templates/> </body> </html> </xsl:template> <xsl:template match="pagia"> <xsl:apply-templates/> </xsl:template> Tecologie Web

72 Foglio di trasformazioe - 3 <xsl:template match="header"> <div id="header"> <img id="logo" src="img/house_title.jpg" alt="attore che iterpreta House (Hugh Laurie) "/> <h1>dr. House - Medical Divisio</h1> <div id="citazioe"> <blockquote> <p>" Nella codizioe umaa c'è ua verità: che tutti gli uomii metoo. La sola variabile è su che metoo."</p> </blockquote> <cite>(dr. Gregory House)</cite> </div> </div> </xsl:template> Tecologie Web

73 Foglio di trasformazioe - 4 <xsl:template match="piede"> <div id="piede"> <img src="img/css.bmp" class="valid" alt="css Valid!"/> <img src="img/xhtml.bmp" class="valid" alt="xhtml 1.0 Valid!"/> Ultima modifica: <script type="text/javascript" src="ultima_modifica.js"></script> </div> </xsl:template> Tecologie Web

74 Foglio di trasformazioe - 5 <xsl:template match="corpo"> <div id="corpo"> <xsl:for-each select="ode()"> <xsl:copy-of select="." /> </xsl:for-each> </div> </xsl:template> <xsl:template match="avigazioe"> <div id="av"> <xsl:for-each select="ode()"> <xsl:copy-of select="." /> </xsl:for-each> </div> </xsl:template></xsl:stylesheet> Tecologie Web

75 Copia di elemeti p Ci soo due tag preposti alla copia di elemeti: xsl:copy-of: crea ua copia profoda dei odi che hao come radice i odi elemeti specificati da u attributo select xsl:copy: crea ua copia superficiale del odo cotesto, escludedo gli attributi p Esempio: per aggiugere u attributo ad u odo <xsl:template match= odo"> <xsl:copy> <xsl:attribute ame= uovoattributo > <xsl:value-of select= espressioe /> </xsl:attribute> <xsl:copy-of select= *" /> </xsl:copy> </xsl:template> Tecologie Web

76 Cei al liguaggio XSL-FO p XSL-FO (formattig objects) è u liguaggio per la formattazioe di dati XML. Pur cosiderado ache lo schermo, si applica bee pricipalmete ai media pagiati p XSL-FO distigue tra le proprietà visive e uditive p XSL-FO è ua raccomadazioe del dicembre 2006 che si basa su XPath 1 e 2 p XSL-FO o cambia l albero del documeto XML ma lo decora co proprietà di formattazioe Tecologie Web

77 Esempio <?xml versio="1.0" ecodig="utf-8"?> <fo:root xmls:fo=" <fo:layout-master-set> <fo:simple-page-master master-ame="a4"> <fo:regio-body /> <!-- Template della pagia --> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequece master-referece="a4"> <!-- Coteuto della pagia --> <fo:flow flow-ame="xsl-regio-body"> <fo:block>hello W3Schools</fo:block> </fo:flow> </fo:page-sequece> </fo:root> Tecologie Web

78 Riferimeti bibliografici p Tutorial XPath W3C p Tutorial XSLT W3C p XSLT Elemets Referece p Libro M. Aders, M. Schwartzbach, Itroduzioe a XML, Pearso, 2007 Tecologie Web