GraphQL 是一种用于构建 API 的查询语言，它可以被客户端用来获取精确的数据，并且与 REST 相比具有更好的性能和灵活性。本文将分享如何实现一个预定系统，用 GraphQL 作为后端的技术，帮助读者学习 GraphQL 的使用和应用。
题目描述
我们希望在一个服务中实现一个预定系统，具体要求如下：
- 用户可以查看所有的预订信息
- 用户可以根据预订 ID 获取单个预订信息的详细信息
- 用户可以创建一个新的预订信息
预定的信息包括预订 ID、预订人姓名、预订时长、预订日期等。
解决方案
我们可以将预定系统分为三个部分：查询、突变和数据模型。查询负责从后端获取数据，突变负责修改数据，数据模型负责数据的定义和存储。
数据模型
我们可以使用 MongoDB 存储数据。考虑到预定的信息比较简单，下面是一个预定数据的定义样例：
interface Booking {
id: ID!
name: String!
duration: Int!
date: String!
}查询
我们可以定义两个查询：
- 查询所有的预订信息
- 根据预订 ID 查询单个预订信息
其中，查询所有的预订信息可以定义如下：
type Query {
bookings: [Booking!]!
}查询单个预订信息可以定义如下：
type Query {
booking(id: ID!): Booking
}突变
我们可以定义一个突变：创建一个新的预订信息。
type Mutation {
createBooking(name: String!, duration: Int!, date: String!): Booking!
}示例代码
下面是使用 Typescript 和 GraphQL 实现预定系统的示例代码：
-- -------------------- ---- -------
------ - ------------- --- - ---- ----------------
------ ----------- ---- ----------
----- --- - --- -- ------- --
----- ------ - ----- ------------------------ - ---------------- ---- ---
----- -------- - ----
---- ----- -
--------- -----------
----------- ----- -------
-
---- -------- -
------------------- -------- --------- ----- ----- --------- --------
-
---- ------- -
--- ---
----- -------
--------- ----
----- -------
-
--
----- --------- - -
------ -
--------- ----- -- -- -
----- -- - ------------------
------ ----- -------------------------------------------
--
-------- ----- -------- - -- -- -- -
----- -- - ------------------
------ ----- ----------------------------------- -- ---
--
--
--------- -
-------------- ----- -------- - ----- --------- ---- -- -- -
----- -- - ------------------
----- ------ - ----- ------------------------------------- ----- --------- ---- ---
----- ---------- - ----- ----------------------------------- ---- ----------------- ---
------ -----------
--
--
--
----- ------ - --- -------------- --------- --------- ---
----------------------- --- -- -- -
--------------- ------ ----- -- ---------
---总结
本文通过一个预定系统案例，介绍了如何使用 GraphQL 实现一个简单的预定系统，包括查询、突变和数据模型三个部分。与 REST 相比，GraphQL 具有更好的性能和灵活性，可以让客户端更加方便地获取精确的数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649309c248841e98940d6532