Question

我是网络开发的新手，我正在尝试创建一个显示列表的基本网页（如餐馆菜单）。期望的结果：

<html>
<head>
    <title>Restaurant menu</title>
</head>
<body>
    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
    </ul>
</body>
</html>

除了这些项目本地存储为.txt文件，并且可能会发生变化，因此我不想每次都将它们复制粘贴到html中。

Answer 1

您最好的选择是使用PHP等服务器端语言，或者您熟悉或想要学习的任何内容。例如，使用PHP ...

文本文件：

Item1
Item2
Item3

您的页面，我们称之为list.php

<?php 
      // reads the lines of menu.txt into an array
      $menu = file('menu.txt'); 
?>
<html>
<head>
    <title>Restaurant menu</title>
</head>
<body>
    <?php if(!empty($menu)): ?>
    <ul>
        <?php foreach($menu as $item): ?>
          <li><?php echo $item ?></li>
        <?php endforeach; ?>
    </ul>
    <?php else: ?>
       <p>No items.</p>
    <?php endif; ?>
</body>
</html>

您可以使用Javascript来执行此操作。问题在于，如果由于一些遗憾的原因，用户已禁用javascript，或者如果他们没有可以运行javascript的浏览器，那么您甚至无法查看内容。实际上，应该使用服务器端语言。

另外，请不要剪切和粘贴此代码。有很多事情没有考虑到，它可能会导致问题。您可以将它作为起点，但您真的想要熟悉该语言，然后可能会发布有关如何解析文件格式，应该使用的格式，错误处理和其他内容的更具体的问题。

Answer 2

您的选项是服务器端语言（PHP，.NET）或对服务器端代码的Javascript调用。

纯HTML不会因为你需要做什么而削减它。

Answer 3

您必须使用PHP，JavaScript或许多其他网络语言。 HTML代码是静态的，不会改变。

我建议您查看jQuery以获取快速简单的动态页面。

如何动态生成HTML？

3 个答案: