概述
作為一個前端開發者，只前端的技術就已經多不勝數、琳瑯滿目了，還要求我們會后端，這簡直是“叔可忍嬸不可忍”，我們只需要了解、能夠從后端進行數據交互就行了。今天就跟大家分享一個利器——“Strapi”：不會寫后端不用愁，“Strapi”解你憂。
Strapi簡介
Strapi是一個開源的Headless CMS（無頭內容管理系統）。它允許開發者通過自定義的方式快速構建、管理和分發內容。Strapi 提供了一個強大的后端 API，支持 RESTful 和 GraphQL 兩種方式，使得開發者可以方便地將內容分發到任何設備或服務，無論是網站、移動應用。
Strapi使用
1. 工程初始化
在終端輸入如下命令
npx create-strapi-app@latest
初始化工程
安裝依賴
2. 啟動工程
在終端中輸入如下命令：
cd strapi-demo
# 開發啟動
npm run develop
啟動成功
3.創建用戶
啟動后會自動打開http://localhost:1337/admin/auth/register-admin，界面如下圖所示，填寫相關的信息。
image.png
選擇職業或者直接跳過即可。
image.png
4.設置語言為中文
4.1 添加中文
image.png
4.2 設置中文
添加完中文需要重新啟動一下應用，否則在“簡介”找不到中文選項。
image.png
5.添加表
5.1 創建表
image.png
5.2 定義字段
image.png
5.3 等待重啟
image.png
5.4 添加數據
image.png
6. 查詢
6.1 配置權限
可配置public的權限或生成一個token
image.png
6.1 curl請求示例如下：
// 登錄
curl --location 'http://localhost:1337/admin/login' \
--header 'Content-Type: application/json' \
--data-raw '{"email":"niujp08@qq.com","password":"Lzuniujp2008"}'
// 登出
curl --location --request POST 'http://localhost:1337/admin/logout' \
--header 'Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiaWF0IjoxNzM2NzY2NzY1LCJleHAiOjE3MzkzNTg3NjV9.TCjBv53Y0LD1JuH0pqh-O-REf5ilHhQP5xPHBWYUmiU'
// 添加token
curl --location 'http://localhost:1337/api/blogs' \
--header 'Authorization: Bearer 3ddda0c85cdefc1a9f40b277636884b083b6d2668e0dc4a21064d1e5f3611e59ee3191a9bc843470d1e873f00f1d05c29e9b61987e9467a0ed26ca25da72c815affa5ca2ea49972018cf804e4fd420741952d8defba514791209f255be320911c2da0f8ce6425f0fdec4e1eff55d87e249044f8186c0a99103699a3f2a394118'
// 查詢列表
curl --location --globoff 'http://localhost:1337/api/blogs?pagination[page]=1&pagination[pageSize]=3&sort[0]=createdAt%3Adesc&filters[blog_title][%24contains]=%E6%B5%8B%E8%AF%95&fields[0]=blog_title'
// 查詢詳情，注意使用的是返回的documentId
curl --location 'http://localhost:1337/api/blogs/uu104yvzfiecs4bsizzz3j9y'
// 新增
curl --location 'http://localhost:1337/api/blogs' \
--header 'Content-Type: application/json' \
--data '{
"data": {
"blog_title": "html簡介",
"blog_content": "html簡介html簡介html簡介html簡介html簡介"
}
}'
// 更新
curl --location --request PUT 'http://localhost:1337/api/blogs/mpz2gcjwoeuqelohbts79u6m' \
--header 'Content-Type: application/json' \
--data '{
"data": {
"blog_content": "html簡sdsasadsadasdsadasddasdasasda介"
}
}'
// 刪除
curl --location --request DELETE 'http://localhost:1337/api/blogs/uu104yvzfiecs4bsizzz3j9y'
7. 切換為postgres
7.1 修改配置
修改.env文件，修改的內容如下：
# Database
DATABASE_CLIENT=postgres
DATABASE_HOST=localhost
DATABASE_PORT=5432
DATABASE_NAME=lzugis
DATABASE_USERNAME=postgres
DATABASE_PASSWORD=root
7.2 添加依賴
npm i pg -S
7.3 重新啟動
修改完配置，安裝完依賴后重啟啟動即可。
