前言
在现代 Web 应用程序中，很少有应用程序不需要一个后端 API。Web 应用程序用于向服务器发送请求，并接收返回的数据以更新页面，这也是前端应用程序如何获得所需的数据的方式。GraphQL 是一种客户端获取数据的新方法，它可以让前端应用程序以一种更灵活的方式请求数据。GraphQL 允许你方便地请求特定查询的结果，这可以有效地减少您要请求的不必要数据量。本文将介绍如何使用 GraphQL 进行分组和聚合查询。
什么是分组和聚合查询？
分组和聚合查询是关系数据库中常用的查询类型，用于将数据分组并计算它们的统计数据。例如，如果你有一个包含学生信息的表，你可能想按成绩对他们进行分组，并计算每个分数组中的学生的平均成绩。在 GraphQL 中，分组和聚合查询与关系数据库中的查询类似，因为它们允许你按特定字段值分组，以及计算每个组的总计数、总和、平均数等。
在 GraphQL 中使用查询参数进行分组
对于类似 "按成绩分组并计算每个分数组中的学生的平均成绩" 的查询，可以使用 GraphQL 中的查询参数来实现。首先，您需要编写一个查询，它会返回所有学生的成绩，并使用参数来指定要根据哪个成绩进行分组。这可以像这样完成：
query averageGrade($byGrade: String!) {
students {
grade(byGrade: $byGrade) {
name
avgGrade
}
}
}在这个例子中，$byGrade 参数用于表示想要按什么成绩分组。graphql-tools 可以使用该参数来进行查询。对于每个 grade 分组，该查询会返回每个学生的名称和平均分数。
在 GraphQL 中使用分组和聚合器
在 GraphQL 中，可以使用聚合器进行分组和聚合查询，根据数据的特定属性分组，并提供统计数据。例如，以下示例显示了如何返回每个选项的投票数量：
query voteCount {
voteResults {
optionName
count
}
}在限制条款中，使用 SQL 时，我们可能需要指定 GROUP BY 子句，并在 SELECT 子句中使用 SUM()、MAX() 或 AVG() 等算术操作来获取分组计数。GraphQL 中的聚合器重复了这一模式。
在 GraphQL 中，方法名称常常由列表属性及与之相关的统计数字组成。在我们的示例中，属性名为 count。使用聚合器时，我们可以将属性计数暴露出来，以与特定类型对象一起使用。在 GraphQL 中，这是通过将特定类型的元素嵌入到聚合器中实现的，例如：
-- -------------------- ---- ------- ---- ---------- - ----------- ------- ------ ---- - ---- -------------------- - ----------- ---- ----------- ---- ------------- ------ -------- ------------- - ---- ----- - ------------ --------------------- -
在这里，我们定义了一个名为 VoteResultCollection 的 GraphQL 类型，它允许我们在一个位置中定义多个聚合器，如总数、总和或平均数，并在相应的集合外部选择该数据。聚合器返回的数据可以映射成 GraphQL 类型中指定的字段。在这种情况下，每个选项的名称和投票数均由 VoteResult 对象描述，VoteResultCollection 类型中包含具有计算组件的属性。
在 GraphQL 中实现分组和聚合查询的示例代码
以下是在 GraphQL 中实现分组和聚合查询的示例代码。了解这个例子中的 GraphQL 查询是如何与数据库查询结合使用的，以及在前端中如何处理处理结果将有助于你更深入地理解分组和聚合查询。
-- -------------------- ---- -------
---- ------- -
--- ---
----- -------
------ ----
-
------ -
------ -----
-
---- ----- -
--------- -----------
-
- ----------------------------------
---- ------------ -
------ ----
---- ------
---- ------
--------- ----------
-
---- ------------ -
------------ -------
-------- -------------
-
- ---- --------- ---- ----------------- ---
- --- ------- ---------------
---- --------- -
------------------------ --------- ----------------
-
------ -
------ ---------
-
- -----
- -- ---------------- ------- ---------------
- -- ------- --------------------------------------
----- ---------------------- - ----- -------- - ------- -- - ----- -- -- -
----- ------------ - - ------ - ----- ----------------- - -
----- ----------------- - ----------------------------
----- ------------- - --
------------ ---------
-------- ----- ------------------------------------- - ---------------- ------ - ----- -- - --
--
-
------------ --------
-------- ----- ------------------------------------- - ---------------- ------ - ----- --- ----- -- - --
--
-
------------ --------
-------- ----- ------------------------------------- - ---------------- ------ - ----- --- ----- -- - --
--
-
------------ --------
-------- ----- ------------------------------------- - ---------------- ------ - ----- --- ----- -- - --
--
-
------------ ------ ----
-------- ----- ------------------------------------- - ---------------- ------ - ----- -- - --
-
-
------ -------------
-
- -----
- ------ ------- ----------------------------
- -------- ------ - ------ --------
----- ------------------ - ----- ------------ ------------- -- -
----- -------- - --
------- ------------
--
-
------- -
---- -----
------ - ----- - --
---- - ----- -------- -
-
--
-
--------- -
---- --
------ --
---- --
---- - ----- -------- -
-
-
-
----- ------- - ----- ----------------------------------------
------ -------------- - ---------- - ----
-结论
GraphQL 的分组和聚合查询能够帮助我们节省存储空间和提升数据分析效率。使用分组和聚合器可以让我们按特定属性对数据进行分组，并为每个组提供统计数据。通过使用在 GraphQL 中定义的查询参数和聚合器，可以减少前端应用程序的部署时间和查询结果计算。本文介绍了如何在 GraphQL 中使用分组和聚合查询，并提供了示例代码，希望这能帮助你更好地理解 GraphQL 的使用和优点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671b04539babaf620fa6f464