本文已参与「新人创作礼」活动，一起开启掘金创作之路
背景
工作中一直单一地做前端的工作，从来没有完整地从前端到后端实现一个产品，在心里一直是个遗憾。一次偶然的机会了解到 Strapi 这个 Nodejs 框架，看了介绍感觉很有意思，那时Strapi还处于V3版本，写这篇文章的时候。Strapi 已经全面转向V4版本了，这是一个很有意思的项目，盈利模式以及团队的运作形式很值得学习，但本文不打算讨论这些，有兴趣的可以看一下他们的官网 strapi.io。使用Strapi可以大大减少后端服务的工作量，有了这个利器，再加上比较熟悉的前端。那我们就来实现一个完整的产品吧！最近看新闻说家政行业增长不错，那我们就那它试试“刀”吧。
业务需求
由于只是一时兴起的想法，因此我直接在微信上搜索家政，发现有一个【天鹅到家保洁】，页面比较整洁，那我们就仿照它来做一个吧。这里我们不是100%模仿，需要做一些取舍，同时我们可以加点儿自己喜欢的“料”。比如我们直接砍掉支付功能，因为我的目标是开发一个完整的产品，而申请微信支付商户号也是一件麻烦事儿（最少需要一个银行公户）。索性我们就改一下需求，线上约单，线下支付。引入一个“信用分”的虚拟分数来约束信用问题。具体需求我们边做边考虑吧。
技术选型
后端 Strapi
这个后端框架具有以下的特点
- 基于 Nodejs 源码使用 javascript 编写，这是我见过比较大的一个非Typescript的后端框架了
- 支持多种数据库 Mongodb(仅v3版本支持)、sqllite、mysql 等
- Http服务器基于 Koa，支持中间件
- MVC架构，支持 Policy 下一节详细介绍Strapi
前端 uniapp
之所以选择 uniapp 是因为它在国内确实很通用，可以减少很多烦心事儿。而且它支持Vue语法的程度比较高。
UI框架 ColorUI
这是一个纯UI框架，非组件式，而是像 tailwindcss 一样给我们很多有用css类。有了它我们就不需要其他的组件的UI库了，下面看我们的实践吧。
结尾
下一节，我们开始准备我们的开发环境。
