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中配置出可用的页面.

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

相关推荐
搭贝1 天前
广东宿卫 | 安保企业数字化转型标杆✨
大数据·低代码·项目管理·安保企业数字化·全流程管控·人防技防一体化
云捷配低代码2 天前
低代码与定制开发:复杂业务场景适配度分析
低代码·自动化·数字化·敏捷流程·数字化转型
液态不合群2 天前
2026破除技术空转:从范式重构到产业深耕的革新路径
人工智能·低代码·重构
无代码专家2 天前
制造业ERP管理系统平台对比与适配选型解决方案
人工智能·低代码
AiFlutter2 天前
五、交互行为(03):滚动条
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
Zoey的笔记本3 天前
敏捷与稳定并行:Scrum看板+BPM工具选型指南
大数据·前端·数据库·python·低代码
启扶农3 天前
lecen:一个更好的开源可视化系统搭建项目--动态绑定、操作快捷键--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·快捷键·数据绑定·动态数据·动态绑定·页面可视化·页面设计器
无代码专家3 天前
制造业生产管理数字化转型:软件赋能全流程精益管控
低代码·制造
启扶农4 天前
lecen:一个更好的开源可视化系统搭建项目--全局对象使用--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·数据访问·页面可视化·页面设计器·全局对象·公共属性·工具方法
启扶农5 天前
lecen:一个更好的开源可视化系统搭建项目--数据、请求、寄连对象使用--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·数据对象·数据访问·页面可视化·页面设计器·请求对象·寄连对象