如何从 JSON 对象动态填充模板

Question

我正在尝试为我的一门大学课程完成一个网络开发项目。我和我的搭档自行决定使用 IGDB API。我们目前有一个 JSON 对象和一个我希望页面外观的 HTML 模板。我是否需要创建一个 Javascript 函数来填充相应的项目？我是否将 JSON 对象中的值传递到 HTML 页面？ Web 开发真的不是我的强项，当我在网上搜索时，我觉得我问错了问题。

当前用例： 1. 用户使用搜索栏/按钮搜索视频游戏。 2. 网站返回视频游戏图片/标题列表 3. 用户点击给定游戏的标签 4. // 根据 JSON 对象中给定的游戏信息创建页面

这就是我们陷入困境的地方，我不知道我需要问什么问题。我已经尝试过通过 document.createElement 完成这一切的想法，但我觉得这很愚蠢。我们目前在 server.js 文件中有 JSON 对象，我们的讲师暗示要在那里创建页面，而不是在另一个 Javascript 文件中。他还建议使用 express/angular，但我不知道从哪里开始使用这些语言。

Answer 1

express 和 angular 不是语言（谷歌一下，请 xD）。

express 只是一个 HTTP 服务器，而 Angular 是一个在客户端上运行的框架，可帮助您创建网页，特别是 SPA。一切都是 JavaScript 语言。

这个问题太宽泛了，所以可能会被关闭，但我想给你一些启发。这将是一个评论，但有点长，所以我写了它作为答案。

使用document.createElement 动态创建元素并没有错。这就是 Angular 的实际工作方式（以及几乎所有现代网页）。关键是要正确设计整个应用程序（提示：MVC）。您可以尝试 angular/react/vue.js，因为 它们会根据您的应用程序状态为您创建元素（您可以在加载和处理 JSON 数据后对其进行修改）。每个框架都有其优点和缺点。在选择一个之前，你应该自己做很多研究。

这里的关键是掌握基本的 JavaScript 知识，特别是关于回调的知识，因为我已经看到很多来自这方面的新手的问题。

PROTIP：要从something 开始，只需打开谷歌，询问something 并阅读。大量阅读（大量阅读）。