api - 在 HTML 中为每个选项卡选择提供聚合数据的最佳实践是什么？

Question

我应该编写一个 API 来向前端提供数据。我有以下屏幕，按Shift/Day/Week/Month/6Months 过滤。

虽然这完全是我的业务逻辑，但总的来说，我想知道为此类过滤器提供数据的最佳实践。
1）我应该在点击每个选项卡时为每个过滤器提供一个 API 吗？
使用这种方法，我将不得不根据过滤器每次执行 db 查询。
2) 或者，我是否应该一次性提供一个 API，其中包含所有带有过滤键的聚合数据？因此，从前端，客户端不会在每次点击时调用进一步的 API。
在这种情况下，我将不得不一次执行多个数据库查询并将数据提供给前端。

实现这一目标的最佳实践是什么？我知道这些都是建筑设计的一部分，我正在学习。需要有效的建议或有用的资源。

标签： apiarchitecturetabsbootstrap-tabsarchitectural-patterns