2011-11-11 6 views
-1

J'ai donc du code html et c'est essentiellement une page avec des informations de base sur les étudiants. Est-ce que quelqu'un pourrait m'aider ou me montrer comment insérer des données CSV dans le HTML, de sorte que je n'ai pas à le faire manuellement .. Merci. Voici un exemple de code. Ainsi, "Student1", "li.picture1", student1.png, "Student 1" et surtout "X sample1" "X sample2" et "Y sample1" "Y Sample2" seront automatiquement remplis avec les données csv ..Importer des données CSV en HTML

<div id="Student1"> 
<div class="toolbar"> 
    <h1>[title]</h1> 
    <a href="#" class="back">Back</a> </div> 
    <head> 
     <script type="text/javascript" charset="utf-8"> 
      window.onload = function() { 
       setTimeout(function(){window.scrollTo(0, 1);}, 100); 
      } 
     </script> 
     <!-- for profile image --> 
     <style type="text/css" media="screen"> 
      li.picture1 { background: #fff url(images/student1.png) no-repeat !important; } 
     </style> 
     <!-- end line customization --> 
     </head> 
     <ul class="profile"> 
      <li class="picture1"></li> 
      <li class="clearfix"><h2>Student 1</h2></li> 
     </ul> 

     <ul class="field"> 
      <li class="sep" align="center">Day 1</li> 
       <li><h3>X Sample1</h3> <p>Y Sample1</a></li> 
       <li class="sep" align="center">Day 2</li> 
       <li><h3>X Sample2</h3> <p>Y Sample2</a></li> 
     </ul> 

    </div> 
+0

Vous avez besoin d'une langue de modèle. Voir http://haml.info/ http://liquidmarkup.org/ et http://mustache.github.com/. Il y a des hudreds d'autres. –

Répondre

0

Im peur que vous aurez plus de chances de le faire manuellement à moins que vous copiez tout dans Excel et supprimer tout sauf les champs de données clés

0

je peux penser à deux façons de le faire. La première consiste à écrire un programme dans votre langage de programmation préféré qui lit le fichier CSV et le combine avec le HTML. Comme ceci: (pas de code réel)

read CSV into $student,$picture... 

output to file '<div id="' . $student . '"><div class="toolbar">' etc. 

Ou ouvrez le fichier CSV dans Excel et mettre une formule à la fin de la ligne comme celui-ci

="<div id=""" & a1 & "><div class=""toolbar""> etc.".... & b1 & .... 

Notez les guillemets dédoublée à l'intérieur des cordes.