零基础搭建数据管理平台

零基础搭建数据管理平台

项目介绍:

1. strapi: 数据管理+数据接口
2. apifox:接口测试
3. vue3+vant+axios: 数据获取+渲染

strapi介绍+项目创建

先来认识一下strapi,然后用它把咱们的项目创建一下

传送门:strapi介绍

传送门:strapi类似产品介绍

传送门:什么是比较好的低代码平台

传送门:strapi快速开始指引

这一节咱们来:

1. 认识一下strapi
2. 创建strapi项目
3. 使用管理员登录

strapi介绍

strapi是一个开源的无头CMS

1. 开源:源码开放
2. CMS:
   1. 有头: Discuz、DedeCMS(织梦)、WordPress…
   2. 无头: strapi、Ghost、Keystone…

作用:

提供数据管理后台,并提供数据接口给任意平台及框架

项目创建

为了能够顺利完成项目创建,电脑需要安装一些必备的环境:

1. node:v16,v18,v20LTS版本,或者长期维护版
2. 包管理工具:npm或yarn
3. python:为了使用sqlite

参考文档完成项目创建:

# npm创建
npx create-strapi-app@latest my-project --quickstart
# yarn创建
yarn create strapi-app my-project --quickstart

等待项目创建

创建完毕之后开始构建UI界面

完成界面构建并运行项目

看到如下界面说明创建完毕

管理员登录:

输入用户名,邮箱,密码登录即可

注意:

1. 用户名和密码需要记住,是管理员账户
2. 数据保存的位置是./tmp/data.db本地存储

strapi介绍+项目创建

strapi界面汉化+介绍

接下来咱们来把界面调整为中文

传送门:本地化设置

下一篇咱们来掌握:

1. 汉化界面
2. 认识界面

---

视频教程：Strapi入门与实践：零基础搭建自己的数据管理平台