StrApi基本使用

news2025/1/19 8:03:08

1.创建项目(这里只使用默认的sqllite)

点击链接进入官网查看先决条件,看看自己的node,python等是否符合版本要求

运行以下命令进行创建项目(网慢导致下载失败的话可以尝试使用手机热点给电脑使用,我就是这样解决的,也可以看我csdn的资源这里进行下载)

yarn create strapi-app my-project --quickstart
// 或者使用下面的
npx create-strapi-app@latest my-project --quickstart

安装完成后稍等一会会自动启动项目,如果是使用的我的压缩包的话解压后在项目里面使用yarn run develop或者npm run develop进行运行

2.创建管理员账户

项目运行后会生成一个地址,到浏览器打开地址是一个管理员登录界面,初次进入项目相当于注册账号了,因此第一次进入项目切记账号密码不要忘记,使用可视化工具打开.tmp/data.db会发现本质上是在admin_users表里面新增了一条管理员数据,但是邮箱和密码是被加密了

3.将项目改成中文界面

  • 找到src/admin/app.example.js(用于参考的配置文件)
  • ctrl+c/ctrl+v复制一模一样的一份到同级目录下
  • 将新复制的改名app.js
  • 将app.js里面的第二十七行的zh-Hans注释放开
  • 重启项目
  • 根据生成的管理界面的链接再次打开界面
  • 登录后点击左下角的头像部分
  • 点击Profile
  • 最下面一行第一个选择框是选择语言的,这时候会发现多了个中文选择
  • 勾选即可(原来是没有中文选择的,默认英文)
  • 点击右上角的save即可

4.创建数据表,添加字段

4.1数据表创建

Strapi提供了两种内容类型

  • Collection Types:数据集合
  • Single Types:单个数据

这里根据实际需求创建对应的数据表即可

注意:最下面的一栏的组件是字段的组合,可以用它来创建可重用的字段集

4.2字段创建

根据实际需求的数据,选择对应的类型,并添加字段

注意:

  1. 数据默认会添加ID作为标记
  2. 数据默认会添加创建日期字段(因此这部 分可以不用自行创建)

创建单个数据表步骤:

  • 点击左侧的Content-Type Builder
  • 点击Create new single type
  • 在弹出的框设置下显示名称(右边两个框会自动生成,这里不用管)
  • 可以看下高级设置,根据自己需求选择,这里默认勾选了草稿,这里不需要,就先去掉了,本地化也不需要
  • 点击继续(这时候已经创建好了单个数据表,后面是给这张表添加字段了)
  • 例如新增个文本类型字段,点击文本,输入字段名,选择是较短类型文字还是较长类型文字
  • 点击高级设置,将字段的限制更为严谨点(这里我只勾选了必须的和唯一的)
  • 点击添加另一个字段或者点击完成后,在界面上找到添加一个新字段都是新增字段
  • 直到符合需求的字段都写好后,点击完成即可

这里说一下媒体类型

  • 选择类型为媒体文件
  • 写完名称后面可以选择单一或者是多个媒体(像头像之类的直接选择单一头像)
  • 点击高级设置,选择类型,图片类型的只限制图片即可,也就是选择第一个
  • 点击完成

这样就新建好了一个test表,里面有三个字段了

在这里插入图片描述

点击保存才会真正保存起来,各位不要忘了点击右上角的保存按钮

点击了保存之后,会重启项目,稍微等待重启即可

创建多个数据表步骤

  • 点击左侧的Content-Type Builder
  • 点击->创建一个新的 Content Type
  • 跟刚刚一样,填写表名,点击高级设置,草稿取消,点击继续
  • 然后就是添加字段了,跟刚刚一样(这里就不重复了)

删除表步骤

  • 点击左侧的Content-Type Builder
  • 点击某个表进到页面
  • 点击表名旁边的编辑
  • 点击删除即可(然后等服务器重启)

手动添加数据

  • 点击左侧的内容管理器
  • 点击某一需要修改数据的表
  • 修改即可

5.添加媒体库(相当于一个仓库,可以存一堆媒体文件,并且可以留着使用)

  • 点击媒体库
  • 点击新建文件夹(也可以直接上传,个人建议新建文件夹分类管理)
  • 点击上传即可(这里支持本地上传和URL链接上传)
  • 手动新增数据为媒体文件数据时就可以选择媒体库里面的文件了

6.开放接口

默认接口没开,需要开放接口才可以访问接口

默认提供REST API风格的接口

开放接口步骤如下:

  • 找到左侧设置点一下
  • 点击用户及权限插件下面的角色
  • 找到public(公共的)
  • 点击编辑
  • 下面权限名称和我们表名称相同的就是对应的表权限了
  • 点击旁边的箭头展开(这时就可以看到对应的接口类型了)
  • 例如这里先开放查询接口,点击find,右侧菜单就会同步出现一个接口路由啦
  • 点击右上角保存(注意看管理系统端口开放的是1337端口)
  • 打开ApiFox调用get请求,地址为(http://localhost:1337/api/test)

在这里插入图片描述

在这里插入图片描述

populate参数

通过上面接口 可以发现媒体文件没有被查询出来,这是由于Strapi由于为了性能考虑,默认不会将媒体文件查询出来

默认情况下，查询结果不填充任何关系、媒体字段、组件或动态区域通过 population 查询参数为查询填充各种字段

核心用法:

  1. populate=*填充所有
  2. populate[0]=字段名1&populate[1]=字段名2 :按需填充字段

使用 populate 参数获取上一步没有查询到的媒体字段

使用方式如下

  • 在ApiFox中get请求地址如下:http://localhost:1337/api/test?populate[0]=icon
  • 在ApiFox中get请求地址如下:http://localhost:1337/api/test?populate=*

有多个媒体参数情况下

  • 在ApiFox中get请求地址如下:http://localhost:1337/api/test?populate[0]=icon&populate[1]=icon2

然后就会发现媒体文件也能查询出来了

创建分类表并设置数据

创建分类的集合数据表

  • 点击左侧的Content-Type Builder

  • 点击->创建一个新的 Content Type

  • 设置显示名称为tag(因为是集合类型,生成接口会自动拼成tags)

  • 点击高级设置,取消草稿模式,点击继续

  • 选择文本字段,起名为title,较短的文字

  • 点击高级设置,选择必须的,唯一的

  • 点击完成并点击右上角保存

  • 点击内容管理器,选择刚刚创建的tag类型

  • 点击右侧创建新条目

  • 创建新条目,输入名字后点击保存,然后点击发布,再次点击集合页面就会发现已经添加了

  • 我这里重复创建四次代表四个分类(美食,运动,萌宠,美景)

  • 找到左侧设置点一下

  • 点击用户及权限插件下面的角色

  • 找到public(公共的)

  • 点击编辑

  • 下面权限名称和我们表名称相同的就是对应的表权限了

  • 点击旁边的箭头展开(这时就可以看到对应的接口类型了)

这里也就是集合类型和单张表的区别啦,可以看到接口类型和单张表相比会多出几个

在这里插入图片描述

  • 这里我选择find和findOne,然后右边自动生成接口路由
  • 点击保存
  • 去apifox查询接口
  • 执行find接口链接:http://localhost:1337/api/tags

在这里插入图片描述

  • 执行findOne接口链接:http://localhost:1337/api/tags/1

在这里插入图片描述

创建对应的分类的下面的文章表

  • 创建方式跟上面一样
  • 名称选择article
  • 字段名为title(文章标题,text类型,较短文字,必须的,唯一的)
  • cover(封面,媒体类型,图片类型)
  • content(内容,富文本类型)
  • 创建完之后点击保存
  • 跟之前一样去设置这个集合的数据以及开放接口

设置分类表和文章表之间的关系

建立关系字段

关系字段:
关系字段允许与另一个内容类型建立关系，该内容类型必须是集合类型

有6种不同类型的关系
1.单程:内容类型A有一个内容类型B
2.一对一:内容类型A具有并属于一个内容类型B
3.一对多:内容类型A属于多个内容类型B
4.多对一:内容类型B有许多内容类型A
5.多对多:内容类型A具有并属于许多内容类型B
6.多种方式:内容类型A有许多内容类型B

建立关系

  • 点击左侧的content-type-builder
  • 找到tag分类表,点击右上角添加一个新字段
  • 找到引用类型,设置和文章表的关系(这里会有六个图标,分别对应上面介绍的六种类型的关系)
  • 在右侧下拉框选择article(文章表),设置关联的字段名tag
  • 选择第三个图标,也就是一对多的关系
  • 右上角点击保存
  • 点击左侧内容管理器
  • 找到文章表随便点击一个编辑,会发现增加了一个tag标签,下拉就可以看到分类的名称
  • 选择对应的分类
  • 点击保存发布

接口测试

建立了关系之后,就可以在查询的时候通过populate字段查询出建立关系的数据

1.基于文章查询所属分类

  • 使用路径参数id查询出对应的分类(这时候会发现没查出来,出于性能考虑,携带下下面参数才能真正查询出来)
    • 使用查询参数populate[0]=tag查询分类 http://localhost:1337/api/articles/1?populate[0]=tag
  • 使用查询参数populate[1]=cover查询封面 http://localhost:1337/api/articles/1?populate[1]=cover
  • 使用populate=*一并查询 http://localhost:1337/api/articles/1?populate= *

2.基于分类查询出对应文章

  • 使用路径参数id查询出对应的分类

  • 使用populate填充2个字段形式populate[0]=articles查询出文章 http://localhost:1337/api/articles/1?populate[0]=articles

  • 执行完上面第二步以后会发现,关联的文章能查到,但是封面没了(还是出于性能考虑,Strapi默认不会查询多级,可以按照第四步将封面查询出来)

  • http://localhost:1337/api/tags/1?populate[articles][populate][0]=cover
// 上面这个链接参数意思就是告诉Strapi要查询articles下面的参数[populate][0]代表要查询1个参数,值cover就代表要查询的就是cover这个字段

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1719802.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Echarts 指定 series 中的数据对应指定类型的X轴或Y轴

Echarts 指定 series 中的数据对应指定类型的X轴或Y轴

文章目录 需求分析需求 下图中，既有折线又有柱状图，也就是说X轴既有 value 的类型，又有 category 类型的数据，如果都要在一张图中展示， 分析 因为数据来源不同，且数据所对应的 X 轴和 Y 轴也不同，所以需要在设置数据源时添加所对应的索引 xAxisIndex 和 yAxisIndex op…
阅读更多...
Llama模型家族之RLAIF 基于 AI 反馈的强化学习（六） RLAIF 代码实战

Llama模型家族之RLAIF 基于 AI 反馈的强化学习（六） RLAIF 代码实战

LlaMA 3 系列博客 基于 LlaMA 3 LangGraph 在windows本地部署大模型 （一） 基于 LlaMA 3 LangGraph 在windows本地部署大模型 （二） 基于 LlaMA 3 LangGraph 在windows本地部署大模型 （三） 基于 LlaMA…
阅读更多...
二叉树—堆（C语言实现）

二叉树—堆（C语言实现）

一、树的概念及结构 1.树的概念 树是一种非线性的数据结构，它是有n（n > 0）个有限结点组成一个具有层次关系的集合。把它叫做树是因为它看起来像一颗倒挂的树，也就是说它是根朝上，而叶朝下。 ● 有一个特殊的结点…
阅读更多...
CasaOS：开源家庭云系统安装

CasaOS：开源家庭云系统安装

CasaOS是一个基于Docker生态系统的开源家庭云系统，专为家庭场景而设计。致力于打造全球最简单、最易用、最优雅的家居云系统。安装CasaOS可以给鲁班猫带来更好的局域网文件传输体验。 安装脚本 wget -qO- https://get.casaos.io | sudo bash软件截图
阅读更多...
nginx的安装002

nginx的安装002

之前001讲述了nginxyum安装现在讲一下nginx如何本地离线安装 操作系统： CentOS Stream 9 操作步骤： 首先访问nginx官网，下载。 用wget命令下载， [rootlocalhost ~]# wget -c https://nginx.org/download/nginx-1.26.0.tar.gz …
阅读更多...
小白必看：COMSOL Multiphysics多物理场仿真技术与应用”光电专题

小白必看：COMSOL Multiphysics多物理场仿真技术与应用”光电专题

COMSOL Multiphysics多物理场仿真技术与应用”光电专题
阅读更多...
路由选路原则

路由选路原则

5.2路由选路原则 路由就是报文从源端到目的端的路径。当报文从路由器到目的网段有多条路由可达时，路由器可以根据路由表中最佳路由进行转发。最佳路由的选取与发现此路由的路由协议的优先级、路由的度量有关。当多条路由的协议优先级与路由度量都相同时&#xff0c…
阅读更多...
【工具】Docker安装Jenkins并部署Java项目

【工具】Docker安装Jenkins并部署Java项目

【工具】Docker安装Jenkins并部署Java项目 文章目录 【工具】Docker安装Jenkins并部署Java项目1. 前置条件2. 安装3. 创建项目3.1 配置Maven3.2 构建项目3.3 自动部署 1. 前置条件 准备一台云服务器或本地虚拟机，保证必须要java环境，一键安装jdk&#x…
阅读更多...
ADuM1201可使用π121U31间接替换π122U31直接替换

ADuM1201可使用π121U31间接替换π122U31直接替换

ADuM1201可使用π121U31间接替换π122U31直接替换 一般低速隔离通信150Kbps电路可使用π121U31，价格优势较大。速度快的有其它型号可达10M,200M,600M。 本文主要介绍ADUM1201,替换芯片π121U31简单资料请访问下行链接 只要0.74元的双通道数字隔离器，1T1…
阅读更多...
Unity实现简单的第一人称控制

Unity实现简单的第一人称控制

先看效果 实现方式 1.首先创建一个脚本 2.编辑脚本内容 付上脚本代码 private float RotationX 0;public float speed 2f;//移动速度// Use this for initializationvoid Start(){Cursor.lockState CursorLockMode.Locked;//锁定鼠标到中心点Cursor.visible false;//隐藏鼠…
阅读更多...
OceanBase开发者大会实录-李楠：4条路径+6大方案，关键业务系统数据库的升级之路

OceanBase开发者大会实录-李楠：4条路径+6大方案，关键业务系统数据库的升级之路

本文来自2024 OceanBase开发者大会，OceanBase 金融与政企事业部解决方案总监李楠的演讲实录 ——《关键业务系统分布式数据库升级路线选择和技术演进之路》。完整视频回看，请点击这里＞> 大家好，我是 OceanBase 金融与政企事业部…
阅读更多...
AI盒子在智慧加油站的应用

AI盒子在智慧加油站的应用

方案背景 为规范加油站作业，保障人民生命财产安全，《加油站作业安全规范》（AQ 3010-2007）中第五条规定：卸油作业基本要求，明确防静电、防雷电、防火、人员值守、禁止其他车辆及非工作人员进入卸油区。 痛点…
阅读更多...
初识java——javaSE（8）异常

初识java——javaSE（8）异常

文章目录 一 异常的概念与体系结构1.1 什么是异常？1.2 异常的体系结构！1.3 编译时异常与运行时异常与Error编译时异常：异常声明：throws关键字 运行时异常：什么是Error? 二 处理异常2.1 异常的抛出：throw(注…
阅读更多...
前端从零到一开发vscode插件并发布到插件市场

前端从零到一开发vscode插件并发布到插件市场

前端从零到一开发vscode插件并发布到插件市场 背景目标成果展示一条龙实现过程安装插件脚手架和工具创建项目运行调试打包第一次打包前的必要操作 发布第一次发布前账号准备注册Azure DevOps发布账号-获取token注册vscode开发者账号终端登录vsce 发布方式2-手动上传插件 进阶开…
阅读更多...
社区来稿｜眼手交互能定义下一代人机交互范式吗？

社区来稿｜眼手交互能定义下一代人机交互范式吗？

以下文章来源于XR交互技术观察 ，作者Eis4TY 前面的话： 推荐一篇来自 Rokid 产品经理 Eis4TY 的文章。文章探讨了眼手交互技术的原理、应用现状以及未来的发展趋势。作者提出：「在 XR 设备上，眼手交互不是最终答案，而…
阅读更多...
lipo制作通用版本静态库

lipo制作通用版本静态库

文章目录 目的了解多架构的maclipo如何利用lipo编译通用版本静态库lipo 命令整理扩展目的 主要是使用lipo命令在macOS上创建通用版本的静态库（.a文件），来支持多种架构，如arm64，x86_64。 学习目的： 了解mac 不同架构arm64, x86_64了解lipo命令了解多架构的mac 随着appl…
阅读更多...
01--nginx基础

01--nginx基础

前言： 本文用来整理一下nginx的用法，应该是本人中间件专栏的第一篇文章，这里开始概念和实操将会同样重要，面试时基本概念的理解非常重要，深有体会，不会再让概念成为压死骆驼的稻草。 1、nginx简介 Nginx…
阅读更多...
【算法】宵暗的妖怪

【算法】宵暗的妖怪

✨题目链接： 宵暗的妖怪 ✨题目描述 露米娅作为宵暗的妖怪，非常喜欢吞噬黑暗。这天，她来到了一条路上，准备吞噬这条路上的黑暗。这条道路一共被分为n 部分，每个部分上的黑暗数量为ai 。露米娅每次可以任取 连续的 未被…
阅读更多...
java中回调与Timer类的使用

java中回调与Timer类的使用

回调：回调（callback)是一种常见的程序设计模式。在这种模式中，可以指出某个特定事件发生时应该采取的动作。 Timer类：java.swing包中的Timer类，可以使用它在给定的时间间隔时发出通告。如程序中有一个时钟&#xff0c…
阅读更多...
12.RedHat认证-Linux文件系统(下)

12.RedHat认证-Linux文件系统(下)

12.RedHat认证-Linux文件系统(下) swap虚拟内存 我加一个硬盘做实验sdc # 创建交换分区（不用做成逻辑卷也能灵活分区） [rootcentos8 ~]# fdisk /dev/sdc -l Disk /dev/sdc：10 GiB，10737418240 字节，20971520 个扇区 …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023