Nocobase快速上手 -第一个collection

本文记录Nocobase中如何创建collection,以及如何将collection展示到页面中,并且配置CRUD相应的操作.

Collection

在NocoBase中,collection(集合)是用来组织和存储各种数据的容器,如订单、产品、用户、评论等。不同的集合通过名称来区分,例如,如果你有一个商店,你首先需要创建一个名为"products"的集合来存储产品信息。集合的概念类似于传统数据库中的表,它允许你定义和创建数据模型,以及存储和管理这些数据模型中的数据.

NocoBase中的collection是构建和管理应用程序数据的基础,它提供了一种灵活且强大的方式来定义、存储和操作数据,使得无代码/低代码开发变得更加高效和可扩展.

在datasource的页面中,我们可以找到Collection配置的入口

点击configure按钮,可以看到系统中已经存在的Collections.

通过Create collection按钮,可以创建一个新的collection. collection有多个类型,不同的类型可以有不同的功能.

Nocobase支持的collection类型有:

类型 说明
General collection 用于大多数场景。除非需要特殊的数据表模板,否则都可以用普通表
Calendar collection 通常用于在应用程序或系统中跟踪时间和日期
Tree collection 用于存储具有层次关系的数据
File collection 用于存储文件的元信息,并可以通过文件管理器进行管理
Expression collection 工作流内使用动态表达式
SQL collection 通过 SQL 语句获取数据

在本文中, 我们使用General collection 创建一个简单的数据集Orders.

这里我们创建了两个字段, order_number,total. 分别用Singleline TextNumber类型.

Nocobase中collection的filed可以配置多种数据类型,和数据库中数据类型类似,但和业务更加贴近. 例如文本类型,就有单行文本,长文本,URL, Email等.

在点击Add field按钮后,可以看到完整的类型列表,根据不同的需要选择合适的类型.

新建的collection还会有一些系统字段,默认有cretedAt,createdBy,updateAt,updatedBy , 这些都是常用的审计信息.

页面展现

创建完collection,我们就可以在页面中使用这些数据. 业务系统中最常见的就是表格式数据展现,包括数据的过滤,数据维护. 我们可以配置一个页面,在页面中加入数据展现的block(区块).

这里先简单介绍一下block:

区块是数据和内容的载体,可以放置于页面(Page)、对话框(Modal)或抽屉(Drawer)里,多个区块可以自由拖拽排列。

NocoBase 支持多种类型的 block,包括但不限于:

  • 表格(Table):允许数据以表格形式展示,用户可以在表格 block 中添加、修改、删除、查看和编辑记录。
  • 看板(Kanban):支持以看板的形式展示数据,适用于任务管理和进度跟踪。
  • 日历(Calendar):以日历形式展示数据,适合管理事件和日程。
  • 表单(Form):用于收集或编辑数据的表单界面。
  • 详情(Details):展示单个数据项的详细信息

下图是官方文档中给出的区块类型:

详细的信息请参考官方文档

进入编辑页面状态后,add block ,就可以选择block类型,还能选择我们创建好的collection

通过在页面上的配置,我们还可以添加Add newdelete等数据维护功能.

通过简单的页面点击,我们就迅速配置好了一个可能的数据维护页面,这正是低代码平台带来的生产力提升.

小结

本文展示了如何通过collection和block,快速在Nocobase中配置出可用的页面.

更多的内容正在探索中,欢迎交流.

相关推荐
酒精检测仪9 小时前
Elpis 总结
低代码·json
麦聪聊数据21 小时前
Web 原生架构如何重塑企业级数据库协作流?
数据库·sql·低代码·架构
CORNERSTONE3652 天前
一款可提高后台系统开发效率的低代码平台
低代码·低代码平台
麦聪聊数据2 天前
为何通用堡垒机无法在数据库运维中实现精准风控?
数据库·sql·安全·低代码·架构
不爱学英文的码字机器2 天前
解读CANN MindX SDK仓库:AIGC应用开发的“低代码加速器“
低代码·aigc
HUIBUR科技2 天前
低代码赋能供应商管理:打破管理壁垒,重塑供应链效能
低代码·数字化转型
guizhoumen2 天前
2026国内外企业级cms建站系统的BI图表功能评测
低代码·cms·网站建设·建站系统·内容管理系统
豆豆2 天前
企业级CMS和低代码平台标杆:PageAdmin新版的可视化BI和自定义表单功能体验
低代码·cms·可视化·bi·表单功能·工单功能·统一平台
红迅低代码平台(redxun)2 天前
构建企业“第二大脑“:AI低代码平台如何打造智能知识中枢?
人工智能·低代码·ai agent·ai开发平台·智能体开发平台·红迅软件
feasibility.5 天前
在OpenCode使用skills搭建基于LLM的dify工作流
人工智能·低代码·docker·ollama·skills·opencode·智能体/工作流