TUTORIELS 
Transformer du XML en HTML avec XSLT

Page 1 | 2 | 3

Un exercice pratique permettant de découvrir plus en profondeur les possibilités de transformations offertes par XSL, en créant un tableau HTML à partir de données XML.
 (28 avril 2003)
 

Nous allons aborder ici un projet très classique - et pratique - du travail avec XML: la transformation d'un document de ce type en un document HTML (où il sera facile de retrouver l'information).
Nous partons d'une suite d'entrées au format XML, souhaitant aboutir à un tableau HTML.

La situation
Voici notre fichier XML:

<?xml version='1.0'?>
  <doc>
    <colonne nom="col1">
      <entree>entrée col1_1</entree>
      <entree>entrée col1_2</entree>
      <entree>entrée col1_3</entree>
    </colonne>
    <colonne nom="col2">
      <entree>entrée col2_1</entree>
      <entree>entrée col2_2</entree>
    </colonne>
    <colonne nom="col3">
      <entree>entrée col3_1</entree>
      <entree>entrée col3_2</entree>
      <entree>entrée col3_3</entree>
      <entree>entrée col3_4</entree>
    </colonne>
  </doc>

Voici ce que l'on souhaite obtenir:

col1 col2 col3
entrée col1_1 entrée col2_1 entrée col3_1
entrée col1_2 entrée col2_2 entrée col3_2
entrée col1_3 entrée col3_3
entrée col3_4

C'est-à-dire, en HTML:

<table>
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
  </tr>
  <tr>
    <td>entrée col1_1</td>
    <td>entrée col2_1</td>
    <td>entrée col3_1</td>
  </tr>
  <tr>
    <td>entrée col1_2</td>
    <td>entrée col2_2</td>
    <td>entrée col3_2</td>
  </tr>
  <tr>
    <td>entrée col1_3</td>
    <td> </td>
    <td>entrée col3_3</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>entrée col3_4</td>
  </tr>
</table>

Reste donc à définir le document XSLT qui nous permette de réaliser cette transformation.


Page 1 | 2 | 3

 

 
[ Xavier Borderie,JDNet
 
Accueil | Haut de page