如何使用 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 Tutorial

您当然也可以使用JavaScript for XML to HTML，但代码会更复杂，灵活性也更低。

了解有关 XSLT 和 XPATH 的初始概念可能需要更长的时间，但最终会有所收获。