2011-11-11 3 views
-1

私はいくつかのhtmlコードを持っており、基本的に学生の基本情報を持つページです。誰かが私に手伝ったり、HTMLにCSVデータを挿入する方法を教えてもらえますか?手動で行う必要はありません。ありがとう。ここにサンプルコードがあります。したがって、「Student1」、「li.picture1」、student1.png、「Student 1」、最も重要なのは「X sample1」「X sample2」および「Y sample1」「Y Sample2」はcsvデータで自動入力されます。HTMLへのCSVデータのインポート

<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

テンプレート言語が必要です。 http://haml.info/ http://liquidmarkup.org/およびhttp://mustache.github.com/を参照してください。他の人の誇示があります。 –

答えて

0

イムあなたが最も可能性の高いあなたがExcelにそれをすべてコピーしない限り、手動でそれを行うと、私はこれを行うには、2つの方法を考えることができ、キーのデータフィールド

0

以外のすべてを削除する必要があります怖いです。 1つは、お気に入りのプログラミング言語でCSVファイルを読み取り、HTMLと組み合わせるプログラムを記述することです。このように:(ない実際のコード)

read CSV into $student,$picture... 

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

またはExcelでCSVを開いて、この

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

のような行の末尾に式を入れるには、文字列内の二重に引用符に注意してください。

関連する問題