GraphQL(5):使用Mutations修改数据

GraphQL中的使用Mutation查询,下面介绍详细操作,新建一个mutation.js文件。

1 定义schema

1.1 定义模型对象

(1)定义输入模型

复制代码
    input AccountInput {
        name: String
        age: Int
        sex: String
        department: String
    }

(2)定义输出模型

复制代码
    type Account {
        name: String
        age: Int
        sex: String
        department: String
    }

1.2 定义查询操作

定义了一个查询操作,返回所有用户数组

复制代码
    type Query {
        accounts: [Account]
    }

1.3 定义变更操作

复制代码
    type Mutation {
        createAccount(input: AccountInput): Account
        updateAccount(id: ID!, input: AccountInput): Account
    }

2 实现处理器

2.1 定义查询处理函数

复制代码
    accounts() {
        var arr = [];
        for(const key in fakeDb) {
            arr.push(fakeDb[key])
        }
        return arr;
    },

2.2 定义变更处理函数

复制代码
    createAccount({ input }) {
        // 相当于数据库的保存
        fakeDb[input.name] = input;
        // 返回保存结果
        return fakeDb[input.name];
    },

    updateAccount({ id, input }) {
        // 相当于数据库的更新
        const updatedAccount = Object.assign({}, fakeDb[id], input);
        fakeDb[id] = updatedAccount;
        // 返回保存结果
        return updatedAccount;
    }

3 完整代码

复制代码
const express = require('express');
const {buildSchema} = require('graphql');
const grapqlHTTP = require('express-graphql').graphqlHTTP;

// 定义schema,查询和类型, mutation
const schema = buildSchema(`
    input AccountInput {
        name: String
        age: Int
        sex: String
        department: String
    }
    type Account {
        name: String
        age: Int
        sex: String
        department: String
    }
    type Mutation {
        createAccount(input: AccountInput): Account
        updateAccount(id: ID!, input: AccountInput): Account
    }
    type Query {
        accounts: [Account]
    }
`)

const fakeDb = {};

// 定义查询对应的处理器
const root = {
    accounts() {
        var arr = [];
        for(const key in fakeDb) {
            arr.push(fakeDb[key])
        }
        return arr;
    },
    createAccount({ input }) {
        // 相当于数据库的保存
        fakeDb[input.name] = input;
        // 返回保存结果
        return fakeDb[input.name];
    },

    updateAccount({ id, input }) {
        // 相当于数据库的更新
        const updatedAccount = Object.assign({}, fakeDb[id], input);
        fakeDb[id] = updatedAccount;
        // 返回保存结果
        return updatedAccount;
    }
}

const app = express();

app.use('/graphql', grapqlHTTP({
    schema: schema,
    rootValue: root,
    graphiql: true
}))

app.listen(3000);

4 实例测试

启动程序

复制代码
node mutation.js

访问http://localhost:3000/graphql

测试新增功能

测试修改功能

测试查询功能

相关推荐
NineData2 分钟前
NineData 支持 DB2 迁移到 PolarDB Oracle
数据库·oracle·ninedata·数据库迁移·数据库迁移工具·信创改造·智能数据管理平台
a程序小傲10 分钟前
京东Java面试被问:ZGC的染色指针如何实现?内存屏障如何处理?
java·后端·python·面试
vx_bisheyuange22 分钟前
基于SpringBoot的老年一站式服务平台
java·spring boot·后端·毕业设计
Tony Bai1 小时前
Jepsen 报告震动 Go 社区:NATS JetStream 会丢失已确认写入
开发语言·后端·golang
bing.shao1 小时前
Golang 之 defer 延迟函数
开发语言·后端·golang
penngo1 小时前
Golang使用Fyne开发桌面应用
开发语言·后端·golang
程序员清风1 小时前
别卷模型了!上下文工程才是大模型应用的王道!
java·后端·面试
逸风尊者1 小时前
开发可掌握的知识:uber H3网格
后端·算法
逸风尊者2 小时前
开发需掌握的知识:MQTT协议
java·后端
老华带你飞2 小时前
校务管理|基于springboot 校务管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring