GraphQL(3):参数类型与参数传递

1 基本参数类型

(1)基本类型:String,Int,Float,Boolean和ID。可以在shema声明的时候直接使用。

(2)[类型]代表数组,例如:[int]代表整型数组

2 参数传递

(1)和js传递参数一样,小括号内定义形参,但是注意:参数需要定义类型。

(2)!(叹号)代表参数不能为空。

复制代码
type Query {
    rollDice(numDice: Int!,numSides: Int):[Int]
}

3 代码实例

新建baseType.js

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

// 定义schema,查询和类型
const schema = buildSchema(`
    type Query {
        getClassMates(classNo: Int!):[String]
    }
`)

//定义查询对应的处理器
const root ={
    getClassMates({classNo}){
        const obj ={
            31:['张三','李四','王五'],
            61:['张大三','李大四','王大五']
        }
        return obj[classNo];
    }
}

const app = express();
app.use('/graphql', grapqlHTTP({
    schema: schema,
    rootValue: root,
    graphiql: true
}))
app.listen(3000);

使用命令启动测试。

复制代码
node baseType.js

访问地址如下:http://localhost:3000/graphql

接口如下:

下面进行测试

(1)不传参数

结果如下,报错提示缺少必填的参数。

(2)传递空值

结果如下,提示该函数类型为int型

(3)传递真实参数

4 自定义参数

GraphQL允许用户自定义参数类型,通常用来描述要获取的资源的属性。

代码如下:

复制代码
const express = require('express');
const {buildSchema} = require('graphql');
const grapqlHTTP = require('express-graphql').graphqlHTTP;
// 定义schema,查询和类型
const schema = buildSchema(`
    type Account {
        name: String
        age: Int
        sex: String
        department: String
        salary(city: String): Int
    }
    type Query {
        getClassMates(classNo: Int!): [String]
        account(username: String): Account
    }
`)
// 定义查询对应的处理器
const root = {
    getClassMates({ classNo}) {
        const obj = {
            31: ['张三', '李四', '王五'],
            61: ['张大三', '李大四', '王大五']
        }
        return obj[classNo];
    },
    account({ username}) {
        const name = username;
        const sex = 'man';
        const age = 18;
        const department = '开发部';
        const salary = ({city}) => {
            if(city === "北京" || city == "上海" || city == "广州" || city == "深圳") {
                return 10000;
            }
            return 3000;
        }
        return {
            name,
            sex,
            age,
            department,
            salary
        }
    }
}

const app = express();

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

// 公开文件夹,供用户访问静态资源
app.use(express.static('public'))

app.listen(3000);

结果如下:

不传递salary参数时候,如下:

传递salary参数时候,如下:

相关推荐
cyforkk6 小时前
Spring Boot @RestController 注解详解
java·spring boot·后端
canonical_entropy7 小时前
可逆计算:一场软件构造的世界观革命
后端·aigc·ai编程
重庆穿山甲7 小时前
从0到1:用 Akka 持久化 Actor + Outbox + RocketMQ 做到“订单-库存最终一致”
后端
我不只是切图仔8 小时前
我只是想给网站加个注册验证码,咋就那么难!
前端·后端
专注VB编程开发20年8 小时前
CSS 的命名方式像是 PowerShell 的动词-名词结构,缺乏面向对象的层级关系
开发语言·后端·rust
野犬寒鸦9 小时前
力扣hot100:相交链表与反转链表详细思路讲解(160,206)
java·数据结构·后端·算法·leetcode
爱吃烤鸡翅的酸菜鱼9 小时前
【Spring】原理:Bean的作用域与生命周期
后端·spring
JohnYan9 小时前
工作笔记 - 微信消息发送和处理
javascript·后端·微信