「Strapi」 提供了 「REST」 和 「GraphQL API」,开发人员可以使用这些 「API」 来访问存储在其存储库中的内容。...特点: 完全可定制 REST 和 GraphQL API 插件市场 国际化支持 网址: https://strapi.io/ 2....「Tina」 提供了一个 「GraphQL API」,我们可以使用它来查询和获取我们的内容。还有一个 「Cloudinary」 包,我们可以用它来优化和管理我们的媒体文件。...特点 很棒的实时编辑体验 MDX 支持 GraphQL API 网址: https://tina.io/ 8....特点 GraphQL API 自定义响应组件 灵活的关系 强大的过滤功能 数据库迁移 网址: https://keystonejs.com/ 9.
GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。...GraphQL 提供了 变更(Mutations) 用于改变服务端数据,不过 apollographql 在线示例中并没有如 createPeople 字段支持 。...Strapi Strapi 官方提供 GraphQL 插件 免去了配置的繁琐。...更具体的配置参见 GraphQL - Strapi Developer Documentation 这里我就选用 kuizuo/vitesse-nuxt-strapi 作为演示,并为其提供 graphQL...支持。
为了提高开发者的易用性,Rafy 领域实体框架在很早开始就已经支持使用 Linq 语法来查询实体了。但是只支持了一些简单的、常用的条件查询,支持的力度很有限。...接下来,本文将说明 Rafy 框架原来支持的 Linq 语法,以及最新加入的聚合查询支持及用法。...支持两个属性条件间的连接条件:&&、||。 支持引用查询。即间接使用引用实体的属性来进行查询,在生成 Sql 语句时,将会生成 INNER JOIN 语句,连接上这些被使用的引用实体对应的表。...聚合查询 聚合查询的功能是,开发者可以通过定义聚合子的属性的条件,来查询聚合父。这是本次升级的重点。...[Name] ASC 查询每个章的名字必须满足某条件的所有书籍。
default IndexPage 2、StaticImage 与 img 与 区别 :StaticImage 组件对图像做了预处理,会根据显示器不同而选择适合的分辨率进行图片渲染...插件,转为数据层节点 ImageSharp; 使用 Graphql 查询 ImageSharp 节点数据,传递给 gatsby-plugin-image 插件提供的组件 GatsbyImage...譬如 gatsby-source-strapi 插件从strapi 获取数据生成 allStrapiArticles 节点,gatsby-transformer-sharp 也会为其 image 属性自动生成图片节点...五、显示 strapi 中包含的图片 1、问题说明 strapi 是可视化的 CMS(内容管理系统),markdown编辑的文档,可以很方便存储在 strapi中,且提供了RestApi访问存储是数据...怎么在gatsby中访问 strapi 中数据? 2、解决方案 借助插件 gatsby-source-strapi 把strapi中数据转为 gatsby 数据节点,方便访问。
SQL优化过程中,发现开发人员在写多表关联查询的时候,对于谓词过滤条件的写法很随意,写在on后面与where后面的情况均有,这可能会导致没有理解清楚其真正的含义而无法得到期望的结果。...这是由left join的特性决定的,左表会显示全部数据。t2.id过滤再进行连接,而t1.status=’1’是作为连接条件存在,对连接时产生的笛卡尔积数据做连接过滤。...而且我们发现t1表上自动加上了id的过滤条件,这是因为有t1.id=t2.id等值连接,如果t1表上id列有索引,性能就能看出差别来了。...注意连接方式变成了hash join,这是因为右表的谓词过滤条件写在where后面,CBO会把左连接等价为内连接。...(1)两个表的谓词都放在on的后面: 这种情况不会先对两个表过滤,而是作为连接条件过滤,符合连接就匹配上,不符合的就把左右两表的数据都显示出来,另一表的字段以空显示。
优点: 支持多种数据库和框架 提供强大的自定义功能和用户权限管理 链接:访问 forestadmin.com 了解更多。...Hasura 简介:Hasura是一个开源的GraphQL引擎,可以自动生成GraphQL API,并且支持实时更新和权限管理。...代码示例(GraphQL查询示例): query { user { id name email } } 4....Strapi 简介:Strapi是一个开源的Node.js框架,允许开发者快速构建可定制的API,并且有内置的管理面板。...优点: 高度可定制 支持多种数据库 丰富的插件生态 链接:访问 strapi.io 了解更多。
优点 完全开源 Strapi是一个完全开源的框架,可以免费使用和修改,并且有一个活跃的社区提供支持和贡献。...REST & GraphQL API支持 Strapi 内置了一个强大的 RESTful API,开发人员可以使用它来创建和管理数据。...3.同时支持APIJSON,GraphQL,RESTFUL API 一些简单的查询可以使用RESTFUL,一些复杂的查询使用 GraphQL,大部分的CMS支持GraphQL,或者支持RESTFUL,但是...Graphql请求语法复杂,学习成本高,全新的格式需要从客户端到服务端全都支持,代码量很大,迁移风险也很大。...APIJSON支持远程函数调用,这可以满足业务层次的定制化,MassCMS同时支持APIJSON,GraphQL,RESTFUL API,用户可以根据自己的需求做出选择。
今天就跟大家分享一个利器——“Strapi”:不会写后端不用愁,“Strapi”解你忧。 Strapi简介 Strapi是一个开源的Headless CMS(无头内容管理系统)。...它允许开发者通过自定义的方式快速构建、管理和分发内容。...Strapi 提供了一个强大的后端 API,支持 RESTful 和 GraphQL 两种方式,使得开发者可以方便地将内容分发到任何设备或服务,无论是网站、移动应用。 Strapi使用 1....查询 6.1 配置权限 可配置public的权限或生成一个token 6.1 curl请求示例如下: // 登录 curl --location 'http://localhost:1337/admin...sort[0]=createdAt%3Adesc&filters[blog_title][%24contains]=%E6%B5%8B%E8%AF%95&fields[0]=blog_title' // 查询详情
strapi 就是一款能够快速上手,让一个懂一点 Node.js 的前端开发就能够快速的开发出增删改查的接口来,最近刚好有使用到 strapi 作为网站的后端,刚好在这里记录一下自己学习的过程。...安装 strapi 直接使用官方提供的快速开始的模版,这里我使用 TypeScript 的模版,命令如下: npx create-strapi-app@latest my-api --quickstart...strapi 也提供了各种各样的筛选条件,比如使用 filters[username]=xxx 可以筛选出 username 为 xxx 的数据,更多筛选条件可以查看官方文档,文档地址: https:/...filters[username]=xiao strapi 也提供非常丰富的插件,比如要使用 GraphQL,直接安装 GraphQL 插件即可。...strapi 是在 koa 的基础上开发来的,我们可以通过设置,实现自己的业务逻辑,下面就用一个用户注册的接口来介绍一下使用 strapi 编写自定义业务逻辑的接口。
支持 Restful 和 GraphQL。内置支持排序、分页、过滤、自动生成文档 内置权限控制系统。角色、JWT 鉴权 轻松集成内部系统。可以灵活地与自己的内部系统对接 扩展性。...外层相比内层更加多变和冗杂,Strapi 中台层隔离了 UI 和 核心服务,它让核心服务可以下沉,专注于实现更加通用的服务;通过 Strapi 可以快速搭建非核心的外围衍生业务模式,暴露标准化的接口范式...接口时代:后端提供 HTTP/WS 接口,前端负责请求接口和实现页面渲染。CSR(客户端渲染)技术开始爆发,Backbone、Angular、React... 前端在项目结构上已经从后端脱离。...接口就是一个约定,按照约定先行的原则,前后端可以实现并行开发。但是这个阶段后端接口实现还是需要关心页面的呈现,必须提供能够满足 UI 渲染的接口。...BFF 时代,GraphQL 和 NodeJS 备受瞩目。 Serverless 时代:BFF 推行需要良好的基础设施和研发流程支撑,架构难度也比较高,因此通常只有大厂搞得起来。
Directus 是一个开源的“开放数据平台”(Open Data Platform),可以将任何 SQL 数据库瞬间升级为拥有 REST+GraphQL API 的实时数据后端,并提供一个面向非技术人员的...自动生成 API系统自动生成 REST 和 GraphQL 接口,支持查询、分页、过滤、排序,无需额外开发 RESTful 层 。...可视化后台管理界面(Data Studio)Vue.js 构建的 UI 界面简洁直观,支持表格、表单、文件管理、国际化与即时预览,适应内容团队使用。...同类项目对比项目GitHub ★REST & GraphQL数据建模自动化扩展性UI 易用性备注Directus30.9k✅✅✅ 图形界面建模✅ Automate✅ 钩子/插件✅ Vue.js 可定制支持多...DB,可本地或 Cloud 部署Strapi66.9k✅✅✅ 可视模型插件生态✅ 插件架构✅ React UIJS/TS 原生生态强NocoDB54.8k✅ REST✅ 表格/kanban有限插件少✅
在真实业务场景中,除了获取基础数据外,往往还会有一些对数据进行加工转换和编排控制的需求,例如对数值字段取精或者转换成展示文案、对列表字段进行排序过滤去重、根据条件判断是否请求查询中的某些字段、将一个字段的解析结果作为另外一个字段的入参等...原生的 GraphQL 查询为获取基础数据提供了便捷,但是计算能力不足导致其结果经常不能满足业务需求,数据往往需要加工转换、甚至经过多次编排查询,才能展示给用户。...on FIELD | FRAGMENT_SPREAD | INLINE_FRAGMENT @skip主要是解决指定条件满足时跳过某些字段的获取解析。判断条件结果为指令参数if。...例如为 App 渲染数据时,低于指定版本的客户端不用请求某些字段,该条件判断无法通过请求变量只有客户端版本号的原生查询实现。...为了保证该对象可被多个线程同时读写,其实现一般是线程安全的。 此外,指令的合法使用往往有些前置条件,例如过滤指令不可用在简单对象或基本类型字段上。
/documentation 背景:想象一下我们以前做项目如果需要一个搜索功能的时候,比如搜索Account列表数据,查询条件可以基于Owner或者某个自定义的lookup字段进行查询时,我们通常要如何设计...一. lightning-record-picker lightning-record-picker组件允许你基于输入的内容返回所对应的数据列表并且直接进行渲染,使用 GraphQL wire adapter...Filter: 就像lookup字段支持 Lookup Filter一样,我们在使用搜索功能时,有时希望加一些前置的过滤条件,从而初始时就过滤掉我们不需要的数据。...lightning-record-picker> recordPickerSample.js: 增加了filter变量,我们可以看到结构体主要两部分: criteria: 用于指定我们的过滤的条件...inq 元素在一个query集中,和soql的 in子查询相同 ninq 元素不在一个query集中,和soql的not in 子查询相同 includes multi picklist包含某个值 excludes
背景 mysql经常会用到group By来进行分组查询,但也经常会遇到一个问题,就是当有where条件时,被where条件过滤的数据不显示了。...例如我有一组数据: 我想查询创建时间大于某一范围的spu的分组下的sku的数量 正常的sql查出的话,假如不存在相关记录 SELECT product_id , count( *) count FROM...create_time >= #{param} AND product_id in (1,2,3,4,5) GROUP BY product_id 结果查不到任何记录 即使没有数据,也想让count显示出0而不是空的效果...因此,我们想实现,即使没有数据,也想让count显示出0而不是空的效果; 解决方案:构建一个包含所有productId的结果集;然后和我们本来的sql进行左外连接,在最外层利用ifnull函数 sql...product_id in (1,2,3,4,5) GROUP BY product_id ) AS b ON a.product_id = b.product_id 本篇文章如有帮助到您,请给「翎野君」点个赞,感谢您的支持
来支持一定的动态性。...CloudBase Webify实战 对于一般文章使用类似 github 管理的就简单了,Webify支持版本 Github、Gitlab、Gitee 服务商,听说即将支持 Coding: Vue.js...cool~~ 问题是如果你的站点数据来源于类似 strapi 这种 serverless cms 怎么办?...next export 不支持next SSG中“动”的特性(fallback,revalidate)。...具体以 strapi 为例子: strapi 数据发布 web hook到自定义的桥接服务。 桥接服务更新站点git。 Weify触发重新部署。
来支持一定的动态性 这种能“动”的SSG自然是我所需要的,保持静态访问,而又能在我新增修改文章的时候,站点能够自动更新。...在这里就隆重地有请我们的解决方案:腾讯云开发Webify,简单来说就是类似vercel的serverless 服务托管服务,不过支持更多的框架,而且是国内服务商,便宜且访问速度一流。...cool~~ 问题是如果你的站点数据来源于类似strapi这种serverless cms怎么办?...next export 不支持next SSG中“动”的特性(fallback,revalidate)。...具体以strapi为例子 strapi 数据发布 web hook到自定义的桥接服务。 桥接服务更新站点git。 Weify触发重新部署。
它提供了丰富的API和开发工具,可以让开发人员快速构建和管理内容。 Strapi:Strapi是一个开源的无头CMS框架,它具有灵活的数据模型和丰富的插件生态系统,可以满足各种不同的项目需求。...Prismic:Prismic是一款现代化的无头CMS,提供了易于使用的编辑界面和灵活的API。它支持多语言内容管理和预览功能。...Kentico Kontent:Kentico Kontent是一个云托管的无头CMS,提供了易于使用的界面和强大的API。它支持多语言和多渠道发布,适用于全球化项目。...GraphCMS:GraphCMS是一个GraphQL首选的无头CMS,它允许您使用GraphQL查询和管理内容。它提供了一个直观的界面和强大的工具,适用于开发人员和非开发人员。...MassCMS:MassCMS是一个国产的使用JAVA语言开发的企业级的无头CMS,提供了一个灵活的、可扩展的架构,支持Restful ,APIJSON,GraphQL,等丰富的API类型。
03 Node.js框架 一般来说,各大UI框架都拥有自己的“元框架”来构建可扩展的应用程序,并提供诸如路由、服务器端渲染(SSR)、生成静态页面、优化构建等功能。...位列第三的Strapi则是“无头CMS”的先驱,Strapi拥有强大的功能,用户可进行数据管理,其最新版本提供了建立在React组件库之上的设计系统。...06 React生态圈 React 18即将发布,现在已经可以使用RC版本体验新功能,例如自动批处理以减少渲染或SSR对Suspense的支持。...React 18增加了人们期待已久的并发渲染器并支持Suspense,但没有任何重大更新,其初始版本将提供部分并发功能,例如startTransition。...07 JavaScript中的CSS 08 测试框架 09 移动开发 10 桌面开发 11 静态站点 12 状态管理 13 GraphQL 14 结论 为构建更好的网站和应用程序,元框架时代已悄然来临
利用代 js 能力来说做到了: 极佳的开发体验 极佳的网站最佳的”动“,“静”平衡 从特性上来说,支持: SSR(Server Side Rendering) 提供 getServerSideProps...来支持一定的动态性。...cool~~ 问题是如果你的站点数据来源于类似 strapi 这种 serverless cms 怎么办?...next export 不支持next SSG中“动”的特性(fallback,revalidate)。...具体以 strapi 为例子: 1、strapi 数据发布 2、web hook到自定义的桥接服务。 3、桥接服务更新站点git。 4、Weify触发重新部署。