# strapi

> Headless CMS, 类似的还有`Directus`, `Supabase`, `hasura`
> 免费的sqlite: https://turso.tech/

## 安装

```bash
# 可能需要代理
npx create-strapi-app@latest my-project --quickstart
```

## 注册

随便输入: admin admin@qq.com 123456Abc

## 设置中文

1. ctrl+c 停止服务, 任务管理器把node相关的进程结束
2. `src/admin/app.example.js`  复制一份重命名为`app.js`
	1. `zh-Hans`取消注释
	2. `npm run build`
3. `npm run develop`
4. 左下角用户名 --> profile -->  Experience --> 选择中文 --> 保存

## 创建数据

1. 添加类型
`模型构建器 --> 创建一个新的Content Type --> 名称: student --> 添加字段: name, gender, age, address --> 最后保存`

![](../assets/2023-01-07_14-30-36.jpg)

2. 添加内容
`内容管理 --> student --> 添加条目`

默认状态为`草稿`, 可以: `编辑 --> 发布`

也可以关闭草稿, 默认全发布:

`模型构建器 --> student --> 编辑 --> 高级设置 --> Draft: 关闭`

![](../assets/Pasted%20image%2020230107144153.png)

3. 查看api
`设置 --> 角色列表 --> Public --> 权限 --> 选中 --> 图标`
浏览器输入url`http://localhost:1337/api/students`, 返回以下json

```json
{"data":[{"id":1,"attributes":{"name":"孙悟空","gender":"male","age":18,"address":"花果山","createdAt":"2023-01-07T05:54:16.938Z","updatedAt":"2023-01-07T05:54:32.179Z"}},{"id":2,"attributes":{"name":"猪八戒","gender":"male","age":25,"address":"高老庄","createdAt":"2023-01-07T06:40:22.715Z","updatedAt":"2023-01-07T06:40:22.715Z"}}],"meta":{"pagination":{"page":1,"pageSize":25,"pageCount":1,"total":2}}}
```

![](../assets/Pasted%20image%2020230107144440.png)