16、任务管理应用的 CRUD 功能实现

任务管理应用的 CRUD 功能实现

1. 引言

任务管理应用允许用户创建任务、管理任务完成状态、分配不同优先级，并将任务分组到项目中。此前我们搭建了具有全局状态管理的前端应用并添加了用户管理相关功能，现在开始实现项目和任务管理的 CRUD 功能。

2. 项目管理功能添加

项目的主要目的是让用户对创建的任务进行分组。比如，用户可以创建“家庭”和“工作”项目，并分别添加相关任务，之后还能按项目过滤任务。

2.1 定义项目 API Redux 切片

我们将使用 Redux Toolkit 的 createApi 函数与 HTTP API 后端交互，为每个后端实体（用户、项目、任务等）创建 Redux Toolkit API 实现。

操作步骤如下：
1. 在 src 目录下创建 projects 目录，用于存放所有与项目相关的服务和组件。
2. 在 projects 目录下创建 api.js 文件，实现相关功能，代码如下：

export const api = createApi({
    reducerPath: 'projects',
    baseQuery: authBaseQuery({path: 'projects'}),
    tagTypes: ['Project'],
    endpoints: builder => ({