前言
在开发过程中，我们经常需要对数据进行增删改查的操作。这样的操作可以自己手写，但是会很麻烦，容易出现错误。而 @deli/crudl 就是一个帮我们封装好这些操作的 npm 包，可以方便我们进行数据的管理和操作。
安装
使用 @deli/crudl 需要先安装，我们可以使用 npm 进行安装。
npm install @deli/crudl
安装完成后可以在项目中引入：
import Crudl from "@deli/crudl";
使用方法
使用 Crudl 需要提供以下参数：
- api: 请求地址
- key: 数据的主键（默认为 id）
- transformData: 对响应数据进行转换的函数（可选）
-- -------------------- ---- -------
----- ----- - --- -------
---- --------------------------
---- -----
-------------- ------ -- -
------ --------------- -- -
------ -
--------
----- -------------- - - - - --------------
--
---
--
---查找数据
使用 findAll 方法可以查询所有符合条件的数据：
const users = await crudl.findAll({
where: {
age: {
$gte: 18,
},
},
});查找结果会被包装成一个 Promise，我们可以使用 await 关键字进行异步获取。
添加数据
使用 create 方法可以添加一条数据：
const createdUser = await crudl.create({
firstName: 'John',
lastName: 'Doe',
age: 20,
});修改数据
使用 update 方法可以修改一条数据：
const updatedUser = await crudl.update(1, {
age: 30,
});其中，1 表示数据的主键值。
删除数据
使用 destroy 方法可以删除一条数据：
await crudl.destroy(1);
其中，1 表示数据的主键值。
示例代码
下面给出一个完整的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------------
----- ----- - --- -------
---- --------------------------
---- -----
-------------- ------ -- -
------ --------------- -- -
------ -
--------
----- -------------- - - - - --------------
--
---
--
---
----- -------- ------ -
-- ----
----- ----- - ----- ---------------
------ -
---- -
----- ---
--
--
---
-------------------
-- ----
----- ----------- - ----- --------------
---------- -------
--------- ------
---- ---
---
-------------------------
-- ----
----- ----------- - ----- --------------- -
---- ---
---
-------------------------
-- ----
----- -----------------
-
-------总结
@deli/crudl 是一款方便我们进行数据管理和操作的 npm 包。本篇文章对其进行了详细的介绍，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573c481e8991b448e9b7a