如何使用 GraphQL 进行分组和聚合查询

AI 编程助手，豆包旗下的编程助手，提供智能补全、智能预测、智能问答等能力，节省开发时间，释放脑海中的创造力，支持 VSCode，点击体验 AI

前言

在现代 Web 应用程序中，很少有应用程序不需要一个后端 API。Web 应用程序用于向服务器发送请求，并接收返回的数据以更新页面，这也是前端应用程序如何获得所需的数据的方式。GraphQL 是一种客户端获取数据的新方法，它可以让前端应用程序以一种更灵活的方式请求数据。GraphQL 允许你方便地请求特定查询的结果，这可以有效地减少您要请求的不必要数据量。本文将介绍如何使用 GraphQL 进行分组和聚合查询。

什么是分组和聚合查询？

分组和聚合查询是关系数据库中常用的查询类型，用于将数据分组并计算它们的统计数据。例如，如果你有一个包含学生信息的表，你可能想按成绩对他们进行分组，并计算每个分数组中的学生的平均成绩。在 GraphQL 中，分组和聚合查询与关系数据库中的查询类似，因为它们允许你按特定字段值分组，以及计算每个组的总计数、总和、平均数等。

在 GraphQL 中使用查询参数进行分组

对于类似 "按成绩分组并计算每个分数组中的学生的平均成绩" 的查询，可以使用 GraphQL 中的查询参数来实现。首先，您需要编写一个查询，它会返回所有学生的成绩，并使用参数来指定要根据哪个成绩进行分组。这可以像这样完成：

----- ---------------------- -------- -
  -------- -
    -------------- --------- -
      ----
      --------
    -
  -
-

在这个例子中，$byGrade 参数用于表示想要按什么成绩分组。graphql-tools 可以使用该参数来进行查询。对于每个 grade 分组，该查询会返回每个学生的名称和平均分数。

在 GraphQL 中使用分组和聚合器

在 GraphQL 中，可以使用聚合器进行分组和聚合查询，根据数据的特定属性分组，并提供统计数据。例如，以下示例显示了如何返回每个选项的投票数量：

----- --------- -
  ----------- -
    ----------
    -----
  -
-

在限制条款中，使用 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

阅读全文

猜你喜欢

  • CSS Flexbox 实战之响应式卡片布局 (仿 bilibili)

    Web 前端技术中的 CSS Flexbox 是一个强大的布局方案，它可以让我们轻松实现强大的排版功能，简化复杂的 CSS 布局。在本篇文章中，我们将介绍使用 CSS Flexbox 实现响应式卡片布...

    16 天前
  • Redis 在微服务架构中的应用实践与优化

    随着微服务架构的普及，越来越多的应用程序需要使用分布式缓存来提高性能和可扩展性。而 Redis 作为一个高性能、可扩展的键值对存储系统，被广泛运用于各种实时应用场景中。

    16 天前
  • 使用 Custom Elements 和 Web Assembly 提高组件性能

    前言 在现代浏览器中，JavaScript 逐渐成为前端编程的主流选择。但是，由于 JavaScript 是一种解释性语言，所以其性能比起编译型语言仍有些许差距。在开发大型的前端应用时，性能的瓶颈往往...

    16 天前
  • 如何在.NET应用程序中进行性能优化？

    .NET是一个强大的开发平台，它提供了丰富的工具和框架来帮助开发人员开发高质量和高性能的应用程序。但是，即使使用了这些工具和框架，仍然有可能出现性能问题。本文将介绍.NET应用程序中常见的性能问题，并...

    16 天前
  • 在 Eslint 中禁用特定的规则

    简介 Eslint 是一个用于标记和修正 JavaScript 代码问题的工具。它具有许多默认规则，可以帮助开发人员编写更好的代码。然而，在有些情况下，Eslint 的默认规则并不适用于特定的编程风格...

    16 天前
  • ECMAScript 2021中的JavaScript字符串增强

    前言 ECMAScript 2021标准已经发布，其中JavaScript字符串增强是一个受欢迎的新功能之一。这些新功能的目的是使字符串的处理更加简单和直观。在本文中，我们将介绍ECMAScript ...

    16 天前
  • 如何在 Deno 中进行 WebSockets 的正确操作

    WebSockets 是一种用于实时通信的网络协议。它通过基于事件的机制，在客户端与服务端之间实现通信。在现代 Web 应用中，WebSockets 已经成为了不可缺少的一部分。

    16 天前
  • 转换 Twitter Bootstrap 为 Tailwind CSS 指南

    什么是 Twitter Bootstrap Twitter Bootstrap是一款广泛使用的前端框架，由Twitter开发发布。它提供了一系列的CSS，JS以及HTML组件，使得开发者可以快速构建响...

    16 天前
  • Material Design 中 5 种基本元素的使用技巧及适配方式

    Material Design 是 Google 推出的设计语言，旨在统一不同平台上的用户体验。在前端开发中，使用 Material Design 可以为用户带来更加直观、自然、无缝的交互体验。

    16 天前
  • 如何使用 Babel 编写 ES6 的 Class component？

    前言：在 JavaScript 前端开发中，React 是非常流行和重要的一个库。在 React 中，我们可以通过编写 Class component 来组件化我们的应用程序。

    16 天前
  • 在 Next.js 中用 withLayout HOC 打造可复用布局

    在前端开发中，布局是应用程序的重要组成部分。开发人员可以使用 Next.js 中的 withLayout HOC（高阶组件）来打造可复用布局，从而减轻代码负担。本文将介绍具体实现方法，并提供示例代码。

    16 天前
  • Mongoose 之使用 MongoDB Morphia Web 查询 MongoDB 数据

    简介 Mongoose 是一个用于管理 MongoDB 的工具链，它提供了一种面向对象的方式来更新数据库，并加入查询的灵活性、可扩展性及可定制性。MongoDB Morphia Web 是 Mongo...

    16 天前
  • 在 Jest 中使用 TypeScript 进行单元测试

    Jest 是一种非常流行的 JavaScript 单元测试框架，它可以用于测试前端和后端的代码。在最近的几年中，TypeScript 已经成为前端开发的首选语言之一。

    16 天前
  • 使用 Socket.io 进行多点视频通信的最佳实践

    在当今信息化的时代，视频通信已经成为人们沟通的主要方式之一。Web 实时通信技术的发展，使得多点视频通信也逐渐成为了可能。其中，Socket.io 作为一种支持实时多点通信的技术方案，被越来越多的前端...

    16 天前
  • Server-Sent Events 在跨域访问中出现的问题及解决方法

    1. 什么是 Server-Sent Events Server-Sent Events（SSE）是一种服务器向客户端推送数据的方式，也称为事件流（Event stream）。

    16 天前
  • Promise 异步编程实践之一

    随着前端应用的复杂性不断提高，异步代码已经成为我们不可避免的现实。Promise 是 ES6 中 Promise/A+ 规范的实现，在异步编程方面提供了一种更加优雅的解决方案。

    16 天前
  • PWA 技术核心知识总结：你想要的全在这里

    前言 PWA （Progressive Web Apps）是一种重要的 Web 应用程序开发技术，它可以使 Web 应用程序更像 Native 应用程序，提供更接近 Native 应用程序的用户体验。

    16 天前
  • Kubernetes 中容器存储解决方案对比与实践

    前言 在 Kubernetes 中，存储是非常关键的一个环节。Kubernetes 中容器存储解决方案对比与实践是个比较热门的话题。在这篇文章中，我们将探讨几种常见的容器存储方案，包括本地存储、主机路...

    16 天前
  • Material Design 设计规范汇总及应用技巧分享

    Material Design 设计规范汇总及应用技巧分享 Material Design 是 Google 推出的一种设计语言，旨在实现更加自然、有层次和更加安全的用户体验。

    16 天前
  • MongoDB 4.4 版本新特性及使用指南

    MongoDB 是当今最流行的 NoSQL 数据库之一，特别适合应用程序的开发，流量大、半结构化、需要实时响应等应用场景。MongoDB 4.4 的发布带来了许多强大的新特性，这篇文章将详细介绍这些新...

    16 天前

相关推荐

    暂无文章