Skip to content

Laf x DB

一个 laf 的数据库管理工具。

介绍

从名字不难看出,这是一个为 laf 云数据库设计的增删改查工具。

  • 前端使用 Nuxt v3 Pinia Unocss
  • 后端对接 laf api laf-client-sdk

由于没有直接使用 UI 库,所以界面不咋好看。

为符合 MVP 最小可行性产品的方案,刚刚完成了 CURD 我就发了第一版 v0.1.0。

使用

首次打开后,是下面这么个样子,api url 就是你项目所在的 laf 地址,如果是 laf.dev 就修改一下。然后填写 pat 参数即可(如何创建pat?)。

img

登录后是下面这个样子,左侧是主菜单,右侧是内容区域。值得说一句的是这次用了多tabs的模式。这也算是管理平台的标配了。

img

下面这个是自定义查询界面,复杂的查询语句都可以在这里尝试。历史语句都保存在浏览器缓存中,放心使用。

这里支持 laf 的查询语句,支持 _ 关键字。

image-20230716135655742

如何查询?

cloud.database().collection("user").where({ age: _.gt(18) }.get()

我们可以在左侧点击 user集合,然后数据框中填写 where({ age: _.gt(18) }).get() 点击前方的 即可。

注意:这里是支持_关键字的。具体查询语句可以参考官方手册

除了自定义查询外,我们也可以直接管理每个数据集合,如下图。创建、详情、编辑、删除、筛选,一应俱全。同样筛选记录会保存在浏览器缓存中。这里的查询支持:数据id、 laf where 或者 mongodb where 。

image-20230716135712479

感谢

最后,感谢丰富的前端生态,感谢 laf 这个牛逼的产品。

如果你也喜欢 laf curd,或者本项目对你有所帮助。