导入CSV数据到HTML

-1

所以我有一些HTML代码，它基本上是一个与学生基本信息的页面。有人会帮助我或告诉我如何将CSV数据插入到HTML中，以便我不必手动执行。谢谢。这是一个示例代码。因此，“Student1”，“li.picture1”，student1.png，“Student1”和最重要的是“X sample1”“X sample2”和“Y sample1”“Y Sample2”将自动填充csv数据。导入CSV数据到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>

来源

2011-11-11 Rahim Jan

您需要一个模板语言。请参阅http://haml.info/ http://liquidmarkup.org/和http://mustache.github.com/。有其他人被挤压。 –

我怕你将极有可能，除非你把它复制所有到Excel做手工和删除一切，但关键的数据字段

来源

2011-11-11 01:25:50 Samwise

我能想到的两种方法可以做到这一点。一种是用你最喜欢的编程语言编写一个程序，它读取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 & ....

注意琴弦内成倍上涨行情。

来源

2011-11-11 16:39:00 paulmorriss

导入CSV数据到HTML

回答

相关问题