- mongodb - 在 MongoDB mapreduce 中,如何展平值对象?
- javascript - 对象传播与 Object.assign
- html - 输入类型 ="submit"Vs 按钮标签它们可以互换吗?
- sql - 使用 MongoDB 而不是 MS SQL Server 的优缺点
到目前为止,我发现的每个教程都通过 Apollo、Relay 或其他一些神奇的框架在 GraphQL 中实现了分页。我希望在这里找到类似问题的答案,但它们不存在。我了解如何设置查询,但我不清楚如何实现解析器。
有人能指出我正确的方向吗?如果有帮助,我正在使用 mongoose/MongoDB 和 ES5。
编辑:值得注意的是 learning GraphQL 的官方网站如果您选择使用 graphql.js
,则没有分页条目。
编辑 2:我喜欢有 一些 人在进行研究之前投票结束问题,而其他人则利用他们的知识来帮助他人。无论你多么努力,你都无法阻止进步。 (:
最佳答案
// Pagination argument type to represent offset and limit arguments
const PaginationArgType = new GraphQLInputObjectType({
name: 'PaginationArg',
fields: {
offset: {
type: GraphQLInt,
description: "Skip n rows."
},
first: {
type: GraphQLInt,
description: "First n rows after the offset."
},
}
})
// Function to generate paginated list type for a GraphQLObjectType (for representing paginated response)
// Accepts a GraphQLObjectType as an argument and gives a paginated list type to represent paginated response.
const PaginatedListType = (ItemType) => new GraphQLObjectType({
name: 'Paginated' + ItemType, // So that a new type name is generated for each item type, when we want paginated types for different types (eg. for Person, Book, etc.). Otherwise, GraphQL would complain saying that duplicate type is created when there are multiple paginated types.
fields: {
count: { type: GraphQLInt },
items: { type: new GraphQLList(ItemType) }
}
})
// Type for representing a single item. eg. Person
const PersonType = new GraphQLObjectType({
name: 'Person',
fields: {
id: { type: new GraphQLNonNull(GraphQLID) },
name: { type: GraphQLString },
}
})
// Query type which accepts pagination arguments with resolve function
const PersonQueryTypes = {
people: {
type: PaginatedListType(PersonType),
args: {
pagination: {
type: PaginationArgType,
defaultValue: { offset: 0, first: 10 }
},
},
resolve: (_, args) => {
const { offset, first } = args.pagination
// Call MongoDB/Mongoose functions to fetch data and count from database here.
return {
items: People.find().skip(offset).limit(first).exec()
count: People.count()
}
},
}
}
// Root query type
const QueryType = new GraphQLObjectType({
name: 'QueryType',
fields: {
...PersonQueryTypes,
},
});
// GraphQL Schema
const Schema = new GraphQLSchema({
query: QueryType
});
查询时:
{
people(pagination: {offset: 0, first: 10}) {
items {
id
name
}
count
}
}
已创建启动板 here .
关于mongodb - 在 vanilla GraphQL 中实现分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48817281/
它是链接中的框架 https://vanillaforums.com/en/software/ ? 解释是什么?有哪些链接? 最佳答案 Vanilla PHP 就是 PHP 本身。 一般来说,术语va
如何使用 vanilla javascript 将按键模拟为输入? 我已经在 SO 和其他地方测试了所有可能的答案,但它在 Chrome 或 Firefox 上不起作用。 例如,假设我们有一个表单:
This answer作者 Jan Burse 展示了 Prolog 中元解释器的最简单实现之一: solve(true) :- !. solve((A,B)) :- !, solve(A), sol
赏金 我在谷歌上搜索它以找到类似的库,但我没有找到......如果有人知道你可以给出答案(仅限 Vanilla js 库和麻省理工学院许可证)...... 否则不要更改 html 结构...修复我的代
我是Rust的新手,试图了解基本的目录遍历。我发现的几乎所有示例都利用了walkdir或glob库,这些库我都取得了很好的成功。但是,我现在正尝试仅使用std lib来执行此操作。 标准lib文档中有
我正在尝试通过事件监听器只需单击一次即可触发函数。但如果我在一次单击后不执行 F5 触发操作,则会在两次单击(第一次)后发生。 代码: HTML ....
我的单页网站在 vanilla js 中有一个平滑的滚动,我尝试在没有 jquery 的情况下实现它,我想添加一个像 cubic bezier 这样的计时函数。有没有办法在 javascript 中做
对于一个小项目,我想制作一个基于浏览器引擎检测浏览器的小型库: var engine = { opera: function(){ var ua = navigator.userAgent.t
嘿,我想弄清楚如何让我的脚本在加载元素时等待执行它的一部分,但目前它主要只是传递它,而不是等待它。在 vanilla js 中最好的方法是什么? 这是代码 this.heading = documen
我正在复制一个 simon 游戏原型(prototype),我正在尝试在 vanilla js 中为按钮闪烁编写一个函数。 目前我有以下功能: function blinkColor(color) {
我正在构建一个类似于 eclipse 刻草图的交互式网格。我已经设置了网格,现在正在尝试设置“悬停”效果,以便当鼠标经过网格 div 时改变颜色,从而像钢笔一样在网格中留下(像素化)轨迹。但我希望颜色
我正在为我在大学的一个科目开发一个元素,包括用纯 javascript 做一个下拉列表过滤器,以过滤 html/css 中的图像网格。导致我出现问题的是这个过滤器需要同时处理 3 个下拉列表。例如,如
我有一个带有主要 div 的简单旋转木马。在主 div 中有一个宽度为 6000px 的 ul,每当我单击向右或向左箭头时,它就会滑动。 我将事件监听器附加到两个箭头,所以当我单击左箭头时,我将 30
我正在研究构造 Vanilla 网络组件。我以前使用过 Polymer,我喜欢这样一个事实,即您可以在一个文件中为您的组件提供模板、样式和 JavaScript。如果可能的话,我想用“ Vanilla
我找到了这个粘性 div 代码段并对其进行了修改,使其在 div 到达页面顶部时看起来粘在窗口底部。我只是好奇是否有某种方法可以抵消底部。这是代码:- let Sticky = (function()
所以我遇到了这个问题,我需要根据一些变量为复选框设置一个值。 问题是我在将要使用的 HTML 上遇到了下一个命名约定: 要决定选择哪个输入,我通常会这样做: document.getEleme
我正在练习 VHDL,我有一个关于不需要过程的“简单”语句的基本问题。 我想知道两者的区别 c <= a and b; 语句不在进程内,只是在架构开始之后编写,并且 process(a,b) begi
在客户处,我们的一个 WPF 应用程序开始挂起。在尝试使用最小的工作示例重现问题时,我发现即使是最基本的(非平凡的)WPF 应用程序也会卡在该机器上。 示例 A : 在 Visual Studio 2
我按照教程制作了一个使用 localstorage 的购物车。现在我正在尝试对其进行调整以适应我自己的需要,以扩展我对 JavaScript 的知识并给自己更多的练习。讲师为每个单独的项目总计做了一个
我需要修改 Vanilla 元解释器,以便进行有限深度的搜索。我正在使用以下代码来测试我的解决方案: value(wire1,1). connected(wire2, wire1). connecte
我是一名优秀的程序员,十分优秀!