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

임 두려워 당신은 가능성이 가장 높은 당신은 엑셀로 모두 복사하지 않으면 수동으로 그렇게 나는이 작업을 수행하는 두 가지 방법으로 생각할 수있는 키 데이터 필드

0

하지만 모든 것을 삭제해야합니다. 하나는 CSV 파일을 읽고이를 HTML과 결합하는 프로그램을 원하는 프로그래밍 언어로 작성하는 것입니다. (하지 실제 코드)

read CSV into $student,$picture... 

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

또는 문자열 내부의 두 배로 따옴표를 엑셀에서 CSV를 열고이

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

주와 같은 줄의 끝에서 수식을 넣어 :이처럼.