- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有办法实现graphql cursor based pagination以高效的方式使用嵌套分页查询?
假设我们有 3 种伪 graphql 类型:
type User {
id: ID!
books: [Book!]!
}
type Book {
isbn: ID!
pages: [Page!]!
}
type Page {
num: ID!
}
为简单起见,假设用户可以阅读数千本书,每本书可以有数百页。
用户
数据库表:
id
1
2
3
...etc
book
数据库表:
isbn
1
2
3
...etc
页面
数据库表:
num
1
2
3
...etc
user_book
数据库表:
user_id | book_isbn
1 | 2
1 | 3
2 | 1
...etc
book_page
数据库表:
book_isbn | page_num
1 | 1
1 | 2
2 | 3
...etc
我们无法加载百万用户、他们阅读的数千本书和数百页,因此我们进行了分页。假设我们要加载 100 个用户,他们每个人阅读的前 50 本书和每本书的前 10 页:
{
users(first: 100, after: "9") {
edges {
node {
id
books(first: 50) {
edges {
node {
id
pages(first: 10) {
node {
id
}
}
}
}
}
}
}
}
我们可以加载用户 10..110
,然后为每个用户 books
解析器使用父用户 id
加载 50 本书,并且每个book pages
解析器加载 10 页:
// pseudo code
const resolvers = {
// get users from 10 to 110
users: (_, args) => `SELECT * FROM user WHERE id > args.after LIMIT 100`,
User: {
books: (root) => `SELECT * FROM book JOIN user_book ub WHERE ub.user_id = root.id LIMIT 50`
},
Book: {
pages: (root) => `SELECT * FROM page JOIN book_page bp WHERE bp.book_isbn = root.isbn LIMIT 10`
}
};
我们执行 1 个数据库请求以获取 100 个用户,然后执行 100 个请求以获取每个用户的书籍,最后执行 500 个请求以获取每本书的页面(100 个用户 * 50 本书)。一次查询的总 601 数据库请求:(
如果我们没有分页,我们可以使用数据加载器将用户 ID 批处理到书籍解析器中的数组中,并在页面解析器中将书籍 ID 批处理为仅执行 3 个数据库请求。但是,如果拥有用户 ID 数组 10...100
,我们如何才能为每个用户查询 50 本书,同时为页面查询同样的内容呢?
我们不能对嵌套的分页查询(书籍和页面)使用游标,因为我们不知道它们,即使我们知道我们也无法为每个组单独传递它们:
{
users(first: 100, after: "9") {
edges {
node {
id
// this will not work because for each user books group we need it's own cursor
books(first: 50, after: "99") {
edges {
node {
id
}
}
}
}
}
}
我解决这个问题的唯一想法是只允许分页作为顶级查询,永远不要将其用作类型字段。
最佳答案
您的第一个问题主要取决于您的数据库及其可用查询。您基本上想要类似“为每个用户选择前 n 本书” 的东西。这可以在 SQL 中完成。请参阅:Using LIMIT within GROUP BY to get N results per group?
第二个问题在我看来有点做作:在初始页面加载时,您获取并显示 100 个用户,每个用户 50 本书,每本书 10 页。
现在从 UI 的角度考虑:每个显示的用户都会有一个按钮来为该用户获取接下来的 50 本书。虽然不需要嵌套分页。您可以简单地使用 books
查询端点。
我没有看到您想要“为每个显示的用户获取接下来的 50 本书” 的常见现实场景。
graphql 模式看起来像这样(我将省略 pages
,因为它本质上与 books
相同):
Query {
users(first: Int, after: UserCursor): UserConnection
books(first: Int, after: BookCursor): BookConnection
}
type UserConnection {
edges: [UserEdge]
}
type UserEdge {
cursor: UserCursor
node: User
}
type User {
id: ID
books(first: Int): BookConnection # no `after` argument here
}
type BookConnection {
edges: [BookEdge]
}
type BookEdge {
cursor: BookCursor # here comes the interesting part
node: Book
}
type Book {
id: ID
}
具有挑战性的部分是:“当您将此游标传递给 Query.books
时,BookEdge.cursor
必须是什么样子才能使嵌套分页工作?”
简单的回答:光标必须另外包含 User.id
,因为您的服务器代码必须能够为给定的用户 id选择接下来的 50 本书 在光标之后,例如(简化)SELECT * FROM book WHERE user = 42 LIMIT 50 OFFSET 50
。
如您所见,此 GraphQL 模式没有任何嵌套分页。它只有嵌套游标。这些游标不关心它们是来自架构的顶层(如 Query.users
)还是来自某个嵌套级别(如 Query.users.edges.node.books
)。
唯一重要的部分是游标必须包含服务器代码获取正确数据所需的所有信息。在这种情况下,它可能类似于 cursor={Book.id, User.id}
。需要 Book.id
才能获取“此 id 之后的下 50 本书” 和 User.id
需要获取“仅来自该特定用户的书籍”。
关于sql - 基于 Graphql 嵌套游标的分页、解析器和 SQL 查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71833652/
下列说法正确的是: Javascript == Typescript Typescript != Javascript 对于 Dgraph 的 GraphQL+ 来说也是如此吗? GraphQL ==
我正在尝试通过使用 .graphql 文件并传递变量来对 Karate 进行测试。在我的 graphql 架构中,我试图重用另一个 .graphql 文件中的片段。我尝试按照 https://www.
从他们的文档中,它说: The leaf values of any request and input values to arguments are Scalars (or Enums) and
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 5 年前。 Improve
有没有一种技术可以让我在 GraphQL 中像这样声明 ADT? // TypeScript type SomeAlgebraicDataType = | { state: 'A', subSta
在基于 graphql API 构建新应用程序时,我们遇到了以下问题: 我们有一个带有输入字段的突变,其类型是具有自己验证规则的自定义标量(在这种情况下,输入是格式正确的电子邮件地址)。 在客户端,应
从语法上讲,您可以在模式中定义查询或变更,使其返回类型。 但是,操作定义(即客户端调用的查询或突变)必须有一个 SelectionSet,所以我必须这样做: mutation X { field }
我希望能听到这里专家的一些意见。我目前正在 NextJS 项目上工作,我的 graphql 正在运行在另一个 repo 中设置的模拟数据上。现在后端由其他开发人员构建,正在慢慢从模拟数据转向真实数据。
Graphql 中的架构和文档有什么区别? 架构是这样的: type Query { fo: String } 但文件是这样的: query SomeQuery { foo { ba
type Person { firstName: String!, lastName: String!, age: Int! } 如何查询所有 18 岁以上的人? 最佳答案 这
有没有办法提供 GraphQL Schema 设计的可视化图表(类似于 UML)? 背景: 我已经有了一个架构设计,要转换成 GraphQL API。但是,在开始 GraphQL 开发之前,我想创建我
我想了解 GraphQL 的(Java)实现是否足够智能,如果在其中一个提取器的执行期间抛出异常,可以取消预定的数据提取? 例如,我运行一个查询来检索客户的所有订单。假设客户有 100 个订单。这意味
我是graphql的新手,但是我在努力查询。 我想通过他们的电子邮件地址返回用户 我有一个类型定义的调用V1User,它具有以下字段 ID, 电子邮件, 密码, 角色 要根据电子邮件返回用户,此查询中
我将GraphQL包装器放在现有的REST API上,如Zero to GraphQL in 30 minutes中所述。我有一个产品的API端点,该端点具有一个指向嵌套对象的属性: // API R
在 GraphQL 中,空格似乎很重要,因为它分隔 token : { human(id: "1000") { name height } } 然而,spec says那个空格
我正在尝试使用带有属性的 sequelize 获取数据并将其传递给 graphql。 结果在控制台中很好,但 graphql 查询为属性字段返回 null。 我的解析器 getUnpayedL
有没有办法在 graphql 查询中生成静态值? 例如,假设我有一个 user具有名称和电子邮件字段的对象。出于某种原因,我总是希望用户的状态为“已接受”。我怎样才能写一个查询来完成这个? 我想做的事
我已关注 the documentation about using graphql-tools to mock a GraphQL server ,但是这会引发自定义类型的错误,例如: Expect
我今天在生产中有以下 graphql 模式定义: type BasketPrice { amount: Int! currency: String! } type BasketItem {
像这样的graphql模式: type User { id: ID! location: Location } type Location { id: ID! user: User }
我是一名优秀的程序员,十分优秀!