xbase前端CURD ​

说在前面：我们有做一个工程化的代码生成器工具，我们的建议是先用工具进行自动生成基础可用的模板，然后基于具体业务进行模板修改。关于如何自动生成并应用，请参考如何使用代码生成器那部分。

须知：前端开发中，CURD（增删改查）是一种常见的操作标准，用于对数据进行管理。下面是一些前端CURD标准的建议：

1. 创建（Create）：提供一个表单或界面，允许用户输入数据并提交，将数据发送到后端进行保存。

2. 读取（Read）：从后端获取数据，并在前端展示给用户。可以使用AJAX、Fetch或其他HTTP请求库来获取数据。

3. 更新（Update）：提供一个表单或界面，允许用户修改已有数据，并将修改后的数据发送到后端进行更新。

4. 删除（Delete）：提供一个确认操作的机制，允许用户删除已有数据，并将删除请求发送到后端进行处理。

一. 创建前端模块标准 ​

例：以下图project模块为例
1.view目录下新建项目文件夹（project）。
2.该目录下包含api，mo，.vue几个层。
3.api目录下用于存放接口文件，文件命名{$name}Api.ts。
4.mo目录下用于存放类型文件，文件命名{$name}Mo.ts。
5.所有.vue文件用于存放页面样式。

例：以下图project模块为例
1.view目录下新建项目文件夹（project）。
2.该目录下包含api，mo，.vue几个层。
3.api目录下用于存放接口文件，文件命名{$name}Api.ts。
4.mo目录下用于存放类型文件，文件命名{$name}Mo.ts。
5.所有.vue文件用于存放页面样式。

二.如何进行CURD ​

1.创建 封装函数命名为add{$name}，在.vue文件调用该接口进行请求交互。

2.读取

​ 封装函数命名为getList,getDetail，在.vue文件调用该接口进行请求交互。

3.修改

​ 封装函数命名为update{$name}，在.vue文件调用该接口进行请求交互。

4.删除

​ 封装函数命名为delete{$name}，在.vue文件调用该接口进行请求交互。

以下是封装的CURD实例方法：

下图是对api封装的写法：

下图是对api调用的写法：

下图是对Mo的封装：

三.注意 ​

1.参数请根据实际需求进行类型控制。

2.返回模型model请进行统一封装处理（xbase封装了IBizResponseVo）。

3.具体项目里面的模型Mo，请根据具体业务处理，例如列表请求，参数是根据具体业务控制，但是分页确是统一的，可以采用统一继承方式处理（例如：interface SearchProjectMo extends IBizPageForm）。