Giter Club home page Giter Club logo

laf_curd's Introduction

Laf curd

一个 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,或者本项目对你有所帮助。

可以来这里点点 star🌟。也或者给作者加个鸡腿🍗🍗🍗

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.