使用 HTML 模板从 API 创建页面

Question

我被要求根据提供的 API 设计一个“智能家居”网站。我有“房间”（房子里的实际房间）和每个房间里的“设备”。

我有一个页面（HTML 文件）“房间”，其中包含 API 中所有可用房间的列表。我有另一个名为“RoomX”的 HTML 文件，它是所有房间的“模板”。它有一个指定房间内所有设备的列表。

每次将房间添加到房间列表时，我都不知道如何“创建”和链接新的“房间”页面。示例：我在 API 中添加了“房间 1”作为房间，并在“房间”页面中添加了元素。我点击它，现在，它把我带到我的“RoomX”页面。我想创建那个“RoomX”页面的“副本”；这样当我点击我创建的新房间时，我可以访问一个包含所选房间标题及其设备的页面。

房间的创建和删除是动态的，所以我需要根据用户的需要创建这些页面。我才刚刚开始使用 HTML、CSS 和 JS（我在我的页面上使用 JQuery），所以我希望能得到广泛的解释。

谢谢！

Answer 1

据我了解，您已准备好 API，而他们要求您设计前端？还是你应该设计一切？

如果 API 已经创建，请返回并查找规范，通常响应将是 JSON。

示例：

假设要获得所有可用房间 > yourwebsite.com/rooms 获得一个房间，例如房间 1 > yourwebsite.com/rooms/1

如果已经为您制作了，您只需要制作 UI + 使用 jquery AJAX 来获取 json 响应并显示它

如果什么都没做，那么几乎不可能用 html 动态地做。那么你需要做的是：

1. 选择任何一个 RESTful API 框架，如果您还不知道，请学习它
2. 制作一个生成 json 响应的 restful api
3. 使用前端框架或经典 html、css 和 js 制作 UI