初学graphiql 查询操作

graphiql query 操作 步骤
方便开发的工具 http://127.0.0.1:50995/browser/ pgadmin4可视化工具
配合浏览器插件ModHeader使用。 Authorization. Bearer token(自动生成token)
初学graphiql 查询操作_第1张图片
具体操作步骤

	在 graphiQL中尝试查询。 查询格式为。 query  本次查询的name {
        生成的表名 {
                需要查询的数据
                }
            }

前端请求需将条件作为一个字符串去使用
通过react-apollo中的Query外部组件。将事先定义的字符串常量 当作属性 传递给Query
举个例子

import gql from 'graphql-tag'
export const CURRENT_PERSON = gql`
query currentPerson {
currentPerson {
//数据有时会存放到nodes{}中
id,
fullName,
firstName,
lastName,
gender,
chatId,
chatState,
hideSpeaker,
giftBarrier,
updateNameNum
}
}
`

同时查询多个表
初学graphiql 查询操作_第2张图片
上图中的totalCount为查询到的数据条数

传递参数查询

query 自取名字 ( $自定义变量名: 变量格式 存在限制 $自定义变量名: 变量格式 可以为string UUID){
    表名 (查询条件: 头部自定义变量名){
        表中数据
    },
  表名 (查询条件: 头部自定义变量名){
        表中数据
    },
}
前端写法
		import { Query, Mutation } from 'react-apollo'
 

end;

你可能感兴趣的:(graphiql,graphiql,query,react-apollo)