Continuando con l'esempio della lezione precedente in questa lezione cercheremo di migliorare la gestione e la visualizzazione di un file XML tramite l'uso di un file XSLT.
Innanzitutto realizziamo una nuova pagina XSLT cliccando su file - nuovo e nel pannello che si apre cliccare su XSLT (pagina intera) che ci consente di applicare le modifiche ad un intera pagina e non ad un frammento come indica l'altra tipologia di file xslt.
Dopo aver cliccato su Ok si apre un ulteriore finestra che ci consente di selezionare la pagina XML alla quale verranno associate le modifiche impostate nel file xslt.
Specificate queste impostazioni all'interno di Dreamweaver viene creata la pagina xslt e viene visualizzato un pannello che ci riassume lo schema usato nel file xml.
La pagina XSLT è leggermente diversa rispetto ad una pagina HTML. Troviamo infatti all'inizio alcune righe di codice che racchiudono in se i normali tag di una pagina HTML.
Inseriamo ora i dati da visualizzare all'interno della pagina secondo uno schema più congruo. Scriviamo quindi in modalità progettazione le didascalie per il nome del modello e per il tipo di motore, mentre per gli allestimenti ed i prezzi realizziamo una tabella che conterrà poi i dati.
Adesso vogliamo che tutta questa zona venga ripetuta ogni volta che viene trovato un modello differente quindi selezioniamola e clicchiamo su inserisci - oggetti xslt - area ripetuta e nella finestra che si apre diciamo a Dreamweaver quale elemento deve considerare per effettuare la ripetizione di quest'area ossia l'elemento modello.
Notiamo come all'interno del codice siano comparsi due nuovi tag di apertura e chiusura che racchiudono la zona da ripetere.
< xsl:for-each select="fiat/modello">
Ripetiamo l'operazione precedente questa volta selezionando la dicitura Motore e la tabella e diciamo a Dreamweaver di ripetere questa zona in base al numero di elementi versione.
Ripetiamo nuovamente il procedimento precedente per duplicare la riga della tabella che corrisponde agli allestimenti, ossia dobbiamo ripetere questa riga ogni volta che nel file xml è presente un allestimento diverso. Selezioniamo quindi tutta la riga della tabella e diciamo a Dreamweaver di ripetere questa riga in base al numero di elementi allestimento.
Ora è giunto il momento di inserire i valori che devono essere visualizzati in corrispondenza delle diciture. Molto semplicemente trasciniamoli dalla tabella posta lateralmente che rappresenta lo schema del file XML e posizioniamoli nelle zone specifiche. Quindi per modello auto inseriamo il nome, per motore inseriamo motore e per prezzo inseriamo prezzo.
Per i dati da inserire nella dicitura allestimento il discorso è un po diverso in quanto questi dati differiscono dalla tipologia dei precedenti. Comunque ci basta posizionare il cursore del mouse nella riga della tabella posta sotto la dicitura allestimenti e cliccare su inserisci - oggetti xslt - testo dinamico e nella finestra che si apre, del tutto simile alla precedente, selezionare la voce allestimento
Andiamo a visualizzare la pagina nel browser e la troveremo impostata come abbiamo determinato noi nel corso delle modifiche.
COMMENTI
