strapi入门第一篇

前言

之前因为工作缘故使用了一段时间的strapi,虽然说是第一次接触headless CMS,但是官方文档这里写一点那里又拆了一部分看着血压拉满,就自己总结了一部分使用指南。

安装

这里我用的是yarn

yarn create strapi-app my-project

首先这里有一个大坑,如果你安装过可能会遇到node-gyp或者sharp安装失败的问题,第一可能是版本问题,我用的3.0.5必须是node <=12.x && >=8.x版本,另一个是网络原因:
strapi入门第一篇_第1张图片
比较好的解决方案就是使用某些学习软件,打开它的可能被关闭的本地局域网连接
strapi入门第一篇_第2张图片
接下来在cmd中使用以下命令就可以了

yarn config set proxy http://localhost:10809

如果你之前有设置过淘宝的源registry,可能需要切换到原始的,反正我的hk连接不上淘宝

yarn config set registry https://registry.yarnpkg.com

之前我用电信或者联通网有yarn直接安装成功过,但目前用的移动可以确认装不上了

入门

如果有条件的话推荐官方的3分钟入门视频油管地址,视频总比文字要强

进入管理面板和初步使用

运行yarn develop后它会给一个本地地址http://localhost:1337/admin,进去就是web页面的管理面板
strapi入门第一篇_第3张图片
这个相当于注册一个管理员账户,仅限本地用的
strapi入门第一篇_第4张图片

创建第一张表并使用

strapi入门第一篇_第5张图片
strapi入门第一篇_第6张图片
strapi入门第一篇_第7张图片
以下会创建1个文本,1个日期选择器的test表
strapi入门第一篇_第8张图片
点击保存后可以看到左边多了个Tests,先往里面随便添加点数据
strapi入门第一篇_第9张图片
在默认下,api接口是不开放的,需要自己手动开放
strapi入门第一篇_第10张图片
strapi入门第一篇_第11张图片
先点击选择全部测试用,保存后访问http://localhost:1337/tests便得到了之前在表中写的数据,完成。
strapi入门第一篇_第12张图片

上一个小结的一些坑

  1. 之前创建的表不是test吗,为什么成了访问tests
    这个是创建表时默认结尾会加个s,在高级设置中可以自己设置表名
    strapi入门第一篇_第13张图片
  2. 欢迎讨论

创建第二张表,与第一张表关联

创建了一张1个文本,1个引用relation表,在添加引用字段会有选择关联方式,就像是mysql中需要3张表,1张表记录2张表的关联关系,在这里只需要1张表就可以跟另一张表关联,以下我将会把relation表和test表多对多关联
strapi入门第一篇_第14张图片
strapi入门第一篇_第15张图片

这里右边默认的字段名称relations不小心跟系统的某个字段重合了,只能改成relation

strapi入门第一篇_第16张图片
然后在relation表中随便添加个数据,然后随便关联test表中的title1数据
strapi入门第一篇_第17张图片
再访问http://localhost:1337/tests便发现title1中多了个刚才加的relation数据,没有的地方也默认有一个空数组
strapi入门第一篇_第18张图片

结束

以上就是根据官方油管3分钟入门视频和文档总结的最快入门方法,明天工作要不忙的话就写第二篇吧

你可能感兴趣的:(headless,strapi,前端)