2016-03-29 5 views
-5

J'essaie d'afficher une table en utilisant xml sur une page html.Utiliser xml pour afficher un tableau sur une page

Fondamentalement, le:

  • xml servira de fichier qui stockera les données à sortir putted sur la table

  • le fichier DTD qui définit le type de données de la liste

  • et un fichier xsl qui indiquerait au navigateur quoi afficher et comment jouer.

C'est une mission essaie simplement d'apprendre et améliorer.

Lors de ma vérification en ligne, j'ai vu différents tutoriels, mais aucun n'a montré les étapes complètes de ce que je voulais exactement.

J'apprécierais que quelqu'un puisse me donner une approche étape par étape de la façon de s'y prendre en utilisant les étapes que j'ai mentionnées et afficher dans un tableau.

+2

s'il vous plaît essayer quelque chose, puis si vous faites face à des problèmes, demandez ici –

+0

je viens de dire que j'ai essayé de vérifier onlin e, ils ne suivent pas le flux je liste, c'est pourquoi je demande de cette façon – user3215045

+0

personne ne va écrire le code pour vous mon ami .. écrire quelque chose et puis si vous faites face à un problème demander des solutions .. vous n'avez même pas mentionné si et quel type de backend vous avez besoin..java/php/.net etc? –

Répondre

0

 <?xml version="1.0" encoding="utf-8"?> 
 

 
<xsl:stylesheet version="1.0" 
 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
 

 
<xsl:template match="/"> 
 
    <html> 
 
    <body> 
 
    <table border="1" cellpadding="3"> 
 
     <tr> 
 
      <td colspan="5" align="center"> 
 
      <!-- Filter for the project name and display it in a header. --> 
 
      <h2> 
 
       <font face="tahoma" size="5"> 
 
       Status for: <xsl:value-of select="Project/Name" /> 
 
       </font> 
 
      </h2> 
 
      </td> 
 
     </tr> 
 
     <!-- Define headers for task information. --> 
 
     <tr> 
 
      <td colspan="5" align="center"> 
 
      Tasks: 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <th> 
 
      <font color="black">ID</font> 
 
      </th> 
 
      <th> 
 
      <font color="black">Name</font> 
 
      </th> 
 
      <th> 
 
      <font color="black">Priority</font> 
 
      </th> 
 
      <th> 
 
      <font color="black">Start</font> 
 
      </th> 
 
      <th> 
 
      <font color="black">Finish</font> 
 
      </th> 
 
     </tr> 
 
     <!-- Filter for tasks --> 
 
     <xsl:for-each select="Project/Tasks/Task"> 
 
      <!-- Exclude summary tasks --> 
 
      <xsl:if test="Summary[.=0]"> 
 
      <xsl:choose> 
 
       <!-- Display information for critical tasks with a colored background. --> 
 
       <xsl:when test="Critical[.=1]"> 
 
       <tr> 
 
        <td> 
 
        <xsl:value-of select="ID"/> 
 
        </td> 
 
        <td> 
 
        <b> 
 
         <xsl:value-of select="Name"/> 
 
        </b> 
 
        </td> 
 
        <td> 
 
        <b> 
 
         <xsl:value-of select="Priority"/> 
 
        </b> 
 
        </td> 
 
        <td> 
 
        <b> 
 
         <xsl:value-of select="Start"/> 
 
        </b> 
 
        </td> 
 
        <td> 
 
        <b> 
 
         <xsl:value-of select="Finish"/> 
 
        </b> 
 
        </td> 
 
       </tr> 
 
       </xsl:when> 
 
       <!-- Display information for noncritical tasks with a white background. --> 
 
       <xsl:otherwise> 
 
       <tr> 
 
        <td> 
 
        <xsl:value-of select="ID"/> 
 
        </td> 
 
        <td> 
 
        <xsl:value-of select="Name"/> 
 
        </td> 
 
        <td> 
 
        <xsl:value-of select="Priority"/> 
 
        </td> 
 
        <td> 
 
        <xsl:value-of select="Start"/> 
 
        </td> 
 
        <td> 
 
        <xsl:value-of select="Finish"/> 
 
        </td> 
 
       </tr> 
 
       </xsl:otherwise> 
 
      </xsl:choose> 
 
      </xsl:if> 
 
     </xsl:for-each> 
 
     <!-- Define headers for overallocated resource information. --> 
 
     <tr> 
 
      <td colspan="5" align="center"> 
 
      Overallocated Resources: 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <th> 
 
      <font color="black">ID</font> 
 
      </th> 
 
      <th colspan="2"> 
 
      <font color="black">Name</font> 
 
      </th> 
 
      <th colspan="2"> 
 
      <font color="black">Overtime Rate</font> 
 
      </th> 
 
     </tr> 
 
     <!-- Filter for resources --> 
 
     <xsl:for-each select="Project/Resources/Resource"> 
 
      <!-- Sort resources alphabetically by name --> 
 
      <xsl:sort select="Name" /> 
 
      <!-- Display information for only resources that are overallocated. --> 
 
      <xsl:if test="OverAllocated[.=1]"> 
 
      <tr> 
 
       <td> 
 
       <xsl:value-of select="ID"/> 
 
       </td> 
 
       <td colspan="2"> 
 
       <xsl:value-of select="Name"/> 
 
       </td> 
 
       <td colspan="2" align="center"> 
 
       $<xsl:value-of select="OvertimeRate"/>.00 
 
       </td> 
 
      </tr> 
 
      </xsl:if> 
 
     </xsl:for-each> 
 
     </table> 
 
    </body> 
 
    </html> 
 
</xsl:template> 
 

 
</xsl:stylesheet> 
 

Peut-être que vous pourriez essayer quelque chose comme this..fill dans les champs de données and..dtd peuvent être inclus pour la validation xml

Voici les tutoriels qui fonctionnent: http://www.xmlmaster.org/en/article/d01/c07/ et

+0

où shud le dtd être inclus dans ce script, je n'ai aucun problème à remplir avec des données que je veux dire les données de table – user3215045

+0

juste ajouter un tag après la balise xml –

+0

bien sûr, un fichier appelé yourdtd.dtd doit être créé dans le même niveau de dossier que votre fichier ci-dessus –