Javascript 使用HTML模板从API创建页面

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

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

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

房间的创建和删除是dinamic，因此我需要根据用户的需要创建这些页面。我才刚刚开始使用HTML、CSS和JS（我在我的页面上使用JQuery），所以我希望能有一个详细的解释

---

谢谢

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

如果API已经生成，请返回并查找规范，通常响应是JSON

例如：

比如说，要获得所有可用的房间>yourwebsite.com/rooms 要获得一个房间，例如room 1>yourwebsite.com/rooms/1

如果这已经为您准备好了，那么您所需要做的就是UI+使用jQueryAjax来获取json响应并显示它

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

选择任何RESTfulAPI框架，如果您还不知道，就学习它

制作一个生成json响应的restful api

使用前端框架或经典html、css和js创建UI