html - 如何使用 XML 数据在 HTML 中创建产品目录？

Question

我知道如何设计和构建整个 HTML 页面来创建产品目录。我只是认为对于正式的做法，最好将产品信息存储在 XML 文件中。除了我不知道如何将两者联系起来。在 HTML 网页中显示 XML 信息的标准方式是什么？

我有一个产品列表，每个产品都有标题、图片、描述和添加到购物车按钮。我想知道如何在 HTML 列表中显示正确的 XML 产品数据。

我看到了一个很好的数据绑定示例，但后来发现它已被弃用。那么现在人们使用的正常程序是什么？人们如何以最安全、最有效的方式在 HTML 网页中显示外部信息？

Answer 1

要将您的 XML 转换为 HTML，您可以使用XSLT样式表和一些过程来应用转换。

要从 XML 中选择数据，您需要使用XPATH选择器来获取要转换的数据或数据集合。

XSLT 文件的编码可能会变得相当复杂，因为它从 XML 文件中选择数据并且呈现的选项非常广泛。

这是来自 W3Schools 的示例：XSLT - Try It Yourself，他们也有一个XSLT 教程

您当然也可以使用JavaScript 将 XML 转换为 HTML，但代码会更复杂且灵活性更低。

获得有关 XSLT 和 XPATH 的初始概念可能需要更长的时间，但最终会得到回报。