时间戳

首页 > 解决方案 > 使用 HTML 模板从 API 创建页面

javascript - 使用 HTML 模板从 API 创建页面

问题描述

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

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

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

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

谢谢！

标签： javascriptjqueryhtmlcss

解决方案

我的理解是你已经准备好了 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

推荐阅读