如何在 GraphQL 中使用 MySQL

GraphQL 是一种前端数据查询语言，它允许客户端应用程序明确地声明其数据需要，并从服务器获取完全居中的、可组合的数据响应。而 MySQL 是一款最流行的关系型数据库管理系统，在 Web 应用程序开发中广泛使用。在这篇文章中，我们将向大家介绍如何在 GraphQL 中使用 MySQL。

准备工作

在开始我们的教程之前，需要准备以下工具和环境：

  • Node.js
  • MySQL 数据库
  • GraphQL
  • Sequelize

如果您已经装好了 Node.js 和 MySQL 数据库，您可以使用以下命令安装 GraphQL 和 Sequelize：

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

数据库连接

在使用 Sequelize 进行数据库操作之前，我们需要建立数据库连接。

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

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

其中，database_name、username 和 password 分别为您的数据库名称、用户名和密码。

数据库模型

为了访问数据库中的表，我们需要定义 Sequelize 模型。模型是具有属性和行为的对象，通常对应于数据库中的表。

在本教程中，我们创建一个 Blog 表，其中包括 id、title、content 和 createdAt 四个属性。您可以使用以下命令创建一个名为 Blog 的 Sequelize 模型。

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

然后，如下所示定义模型：

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

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

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

GraphQL Schema

在 GraphQL 中，我们需要定义一个 Schema，定义应用程序支持的查询和修改操作。我们为 Blog 表创建 GraphQL Schema，包括查询和添加记录功能。为了简单起见，我们不定义修改和删除记录的操作。

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

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

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

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

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

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

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

其中，blogs 和 blog 分别为查询所有博客和根据 ID 查询单个博客的接口。addBlog 为添加博客的接口。

GraphQL Server

最后，在 Express 中使用 GraphQL。我们需要将 GraphQL 和 Sequelize 一起使用，以便在 GraphQL Schema 中将数据源定义为 Sequelize 模型。

以下是 GraphQL Server 的完整代码：

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

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

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

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

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

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

在上述代码中，我们使用 graphqlHTTP 中间件来创建 GraphQL 服务，并将返回的模式转换为可执行模式。我们还向解析器上下文添加 Sequelize 实例，以便在 GraphQL Resolver 中使用。

示例代码

在上述的示例代码中，我们创建了一个名为 Blog 的 Sequelize 数据库模型，定义了 GraphQL Schema 和 Resolver，并为 Express 应用程序创建了 GraphQL Server。下面是完整的示例代码：

定义 Sequelize 模型

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

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

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

定义 GraphQL Schema

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

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

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

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

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

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

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

创建 GraphQL 服务器

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

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

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

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

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

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

结论

本文介绍了如何在 GraphQL 中使用 MySQL 数据库。我们使用 Sequelize 定义了模型，使用 GraphQL Schema 和 Resolver 定义了数据源，并且创建了 GraphQL 服务器。通过这个简单的例子，您应该了解到如何将 GraphQL 和关系型数据库管理系统结合使用，并可以扩展应用程序以支持更多功能。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f4f749c5c563ced5687e21

阅读全文

猜你喜欢

  • 使用 LESS 编写性能更高的动画效果

    前言 在前端开发中，动画效果是不可缺少的一部分。但是，如果动画效果过于复杂，不仅会影响页面性能，还会降低用户体验。本篇文章将介绍如何使用 LESS 编写性能更高、更流畅的动画效果，同时提高代码的复用性...

    2 个月前
  • RESTful API 如何实现数据清洗？

    在我们的应用中，我们通常想要展示一些数据，但这些数据可能并不是我们直接需要的。为了过滤掉那些我们不想要的数据，我们必须进行数据清洗。在这篇文章中，我们会探讨如何使用 RESTful API 来实现数据...

    2 个月前
  • Next.js 中使用 Markdown 组件

    简介 Next.js 是一个用于 React 应用程序的开源框架，可以使构建 React 应用变得更加简单和可靠。而 Markdown 是一种纯文本标记语言，通常用于写作、记笔记和博客。

    2 个月前
  • MongoDB 写入锁定问题：如何优化

    在使用 MongoDB 进行写操作时，可能会出现写入锁定问题，也就是当多个写操作同时执行时，会出现阻塞的情况。这对于高并发的应用程序来说是一个常见的情况，如果不加以处理，会导致程序出现性能瓶颈，影响应...

    2 个月前
  • Promise.race 在高并发场景下的应用技巧

    Promise.race 在高并发场景下的应用技巧 在前端应用程序中，经常会遇到需要处理多个异步请求的情况。一般的解决方案是使用 Promise.all 方法。但有时候，在高并发情况下，所有请求的响应...

    2 个月前
  • 如何在 Hapi 应用程序中使用 Passport.js 进行身份验证

    在 web 应用程序中，身份验证是一个非常重要的部分，而且越来越多的人选择使用 Passport.js 来进行身份验证。Passport.js 是一个非常流行的 Node.js 身份验证框架，它支持超...

    2 个月前
  • 在 GraphQL 中使用 GraphQL Playground 进行 API 探索

    GraphQL Playground 是一个强大的工具，用于通过 web 编辑器与 GraphQL API 交互，并查看并测试 API 的可用性。在前端开发领域中，GraphQL 变得越来越受欢迎，因...

    2 个月前
  • 如何制作高可访问性无障碍 PDF

    如何制作高可访问性无障碍 PDF 介绍 随着全民数字化的不断推进，PDF 文件已经成为人们工作中不可或缺的一部分。无论是在线阅读、文档制作、或者是电子书籍，PDF 文件都已经成为不可或缺的一部分。

    2 个月前
  • Fastify 框架中 ORM 框架的性能优化方法

    现代 Web 应用中，ORM 框架是很常见的一种框架，其可以将数据库表的结构映射到开发语言中的对象，提供了一种更加面向对象的常规数据访问方式，尤其在快速开发的中小型公司中使用广泛。

    2 个月前
  • RxJS of 操作符应用及四种 Observer 订阅

    RxJS of 操作符应用及四种 Observer 订阅 RxJS 是一种流式编程库，它允许通过创建可观察对象来处理异步数据流。其中，of 是一个常用的操作符，用于将多个条目打包成一个可观察对象。

    2 个月前
  • 使用 Socket.io 和 Redis 在多个进程间进行通信

    随着 Web 应用程序的增长，我们经常需要同时处理大量的并发请求。在某些情况下，单个服务器无法处理如此多的请求。因此，我们需要将请求分发到多个服务器上，以平衡负载并提高应用程序的可伸缩性。

    2 个月前
  • RESTful API 如何支持 GraphQL？

    随着前端应用程序的复杂性不断增加，GraphQL 作为一种现代的数据查询语言和运行时环境，越来越受到开发者的青睐。虽然 RESTful API 已经在 Web 开发中得到广泛的应用，但 GraphQL...

    2 个月前
  • 如何使用 Tailwind CSS 创建邮件列表？

    在网页开发中，邮件列表是一个常见的组件。为了方便和快捷地创建邮件列表，这里介绍使用 Tailwind CSS 的方法。 什么是 Tailwind CSS？ Tailwind CSS 是一种基于原子类...

    2 个月前
  • 详解使用 YUI CSS Reset 重置样式表

    如果你是一个前端开发人员，那么你一定知道样式表对于一个网页的重要性。但是在不同的浏览器中，样式表的默认设置可能会不同，导致你的网页在不同的浏览器中呈现效果千差万别。

    2 个月前
  • Web Components 中如何实现拖拽交互

    随着现代 Web 应用程序的日益增多，Web Components 成为了一种更加流行和普遍的开发方式。其中，拖拽交互是我们经常需要实现的一种功能，本文将带你深入了解 Web Components 中...

    2 个月前
  • Next.js 中 fetch 请求数据的方法

    在前端开发中，获取数据是一个必不可少的重要环节。Next.js 是一个流行的 React 应用程序框架，它可以实现服务端渲染，而且提供了一种简单而又灵活的方式来获取数据。

    2 个月前
  • 使用 Hapi 和 React 进行服务器渲染

    随着前端技术的发展，前后端分离成为了当今流行的开发模式之一。然而，单页面应用程序（SPA）的渲染方式使得搜索引擎不能有效地抓取到页面内容，也导致了性能方面的瓶颈。为了解决这些问题，服务器渲染（SSR）...

    2 个月前
  • ES6 中如何正确使用包含时区的日期时间格式化方法

    在前端开发中，格式化日期时间通常是一个非常常见的需求。 ES6 中的 Intl.DateTimeFormat API 提供了一种快速和方便的方法来格式化日期和时间字符串，包括时区信息。

    2 个月前
  • 响应式设计中的图像格式选择方法

    在响应式设计中，图像的选择和优化非常关键，它们可以影响网站的加载速度、用户体验和搜索引擎排名。但是，如何选择正确的图像格式对于许多Web开发人员来说仍然是一个挑战。

    2 个月前
  • RxJS flatMap 操作符的使用场景

    简介 RxJS 是一个基于流的编程库，它使用可观察序列来处理异步和事件发生的数据流。其中的 flatMap 操作符是一个非常重要的操作符，它可以将一个可观察序列转化为另一个可观察序列，并将这些序列合并...

    2 个月前

相关推荐

    暂无文章