Question

所以我有一些HTML代码，它基本上是一个包含学生基本信息的页面。有人会帮助我或告诉我如何将CSV数据插入到html中，这样我就不必手动执行了..谢谢。这是一个示例代码。因此，“Student1”，“li.picture1”，student1.png，“学生1”，最重要的是“X sample1”“X sample2”和“Y sample1”“Y Sample2”将使用csv数据自动填充.. < / p>

<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>

Answer 1

我担心您很可能必须手动执行此操作，除非您将其全部复制到Excel中并删除除关键数据字段之外的所有内容

Answer 2

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

请注意字符串中的加倍引号。

将CSV数据导入HTML

2 个答案: