Nocobase快速上手 -第一个collection

news2024/11/18 2:48:46

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

Collection

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

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1708219.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

VMware中的虚拟机设置开启VT虚拟化

虚拟机系统关机打开虚拟机设置-----点击处理器----勾选虚拟化引擎---确定即可

【UML】-01-UML基本元素的介绍

1、UML的词汇表 (1)事物; (2)关系; (3)图。 事物是对模型中首要成分的抽象;关系把事物结合在一起;图聚集了相关的事物。 注:事物也称为元素 2…

Springboot项目——网页版本五子棋

网页五子棋:本项目简单实现了网页版本的五子棋对战功能,同时会根据用户的天梯分数来匹配,可供多位用户同时提供对战功能。大致可分为三个模块,用户模块,匹配模块,对战模块,下面重点介绍以下三个…

交叉熵损失函数计算过程(tensorflow)

交叉熵损失函数通常用于多类分类损失函数计算。计算公式如下: P为真实值,Q为预测值。 使用tensorflow计算 import tensorflow as tf import keras# 创建一个示例数据集 # 假设有3个样本,每个样本有4个特征,共2个类别 # 目标标签…

简爱的思维导图怎么做?从这三个角度

简爱的思维导图怎么做?《简爱》作为夏洛蒂勃朗特的代表作,不仅是一部经典的爱情小说,也是探索女性独立与自我成长的文学巨著。为了深入理解这部作品,制作思维导图是一种高效的学习和分析工具。以下是三种不同的角度来创建《简爱》…

excel数据丢失怎么办?表格文件恢复的3个方法

Excel作为一个常用的表格文件,我们在工作中经常都需要用到它。最令人崩溃的事就是有时候我们辛辛苦苦用Excel完成了工作,但是突然发现Excel数据丢失。这可怎么办呢?如何找回丢失的Excel数据?下面小编就分享几种恢复办法。 方法一&…

抖音 v27.8.0 内置增强模块,自动播放、无水印下载(可登录,助手增强版)

介绍 抖音应用作为全球领先的短视频平台,其内置功能允许用户将喜欢的内容保存至本地设备,但默认情况下,这些视频会带有抖音的水印。为了解决这一限制,该版本使用户能够直接保存不带水印的视频到手机中,无需使用任何第…

TikTok电商带货特训营,跟随时代潮流,跨境掘金(8节课)

课程内容: 1-先导课 2-一、店铺运营认知与思路 3-二、店铺风控注意事项 4-三、美区Tiktok前期工作-1店铺入驻模式 5-三、美区Tiktok前期工作-2指纹浏览器介绍 6-三、美区Tiktok前期工作-4绑定电话号码 7-三、美区Tiktok前期工作-5添加仓库地址 8-三、美区Ti…

央视网视频下载和花屏问题处理

央视网(www.cctv.com)视频下载往往是花屏的,如何处理呢? 如果您是IT技术开发者,那么您可以通过下面步骤自己实现。 用chrome浏览器,F2打开开发者工具,找到当前页面的network 然后找一个接口:https://vdn.a…

JRebel 激活及使用

插件下载 JRebel and XRebel - IntelliJ IDEs Plugin | Marketplace 从磁盘安装下载的插件 windows下载激活服务 Releases ilanyu/ReverseProxy GitHub mac没有对应版本,需要Docker搭建本地激活服务 docker pull qierkang/golang-reverseproxy docker run -d -…

(2024,RWKV-5/6,RNN,矩阵值注意力状态,数据依赖线性插值,LoRA,多语言分词器)Eagle 和 Finch

Eagle and Finch: RWKV withMatrix-Valued States and Dynamic Recurrence 公众号:EDPJ(进 Q 交流群:922230617 或加 VX:CV_EDPJ 进 V 交流群) 目录 0. 摘要 3. Eagle/Finch 架构 4. 方法 4.1 Eagle 4.1.1 Eagle…

基于Pytorch框架的深度学习RegNet神经网络二十五种宝石识别分类系统源码

第一步:准备数据 25种宝石数据,总共800张: { "0": "Alexandrite","1": "Almandine","2": "Benitoite","3": "Beryl Golden","4": "Carne…

ctfshow web入门 黑盒测试

web380 这里文章看的我好有感触 但是影响做题 扫描一下 访问flag.php啥也没有再访问page.php page.php?idflagweb381 扫出来page.php但是没啥用哇,查看源代码 这些文件挨个试发现啥也没,最后仔细对比发现其实都是layui,然后尝试着访问…

神经网络的工程基础(零)——PyTorch基础

相关说明 这篇文章的大部分内容参考自我的新书《解构大语言模型:从线性回归到通用人工智能》,欢迎有兴趣的读者多多支持。 本文涉及到的代码链接如下:regression2chatgpt/ch06_optimizer/gradient_descent.ipynb 本文将介绍PyTorch的基础。…

Centos安装,window、ubuntus双系统基础上安装Centos安装

文章目录 前言一、准备工作二、开始安装1、2、首先选择DATE&TIME2、选择最小安装3、 选择安装位置 总结 前言 因工作需要,我需要在工控机上额外装Centos7系统,不过我是装在机械硬盘上了不知道对性能是否有影响,若有影响,后面…

MyBatis系统学习篇 - MyBatis逆向工程

MyBatis的逆向工程是指根据数据库表结构自动生成对应的Java实体类、Mapper接口和XML映射文件的过程。逆向工程可以帮助开发人员快速生成与数据库表对应的代码,减少手动编写重复代码的工作量。 我们在MyBatis中通过逆向工具来帮我简化繁琐的搭建框架,减少…

macOS上用Qt creator编译并跑shotcut

1 简介 Shotcut是一个开源的跨平台的视频编辑软件,支持WIN/MACOS/LINUX等平台,由于该项目的编译较为麻烦,踩坑几许,因此写此文章记录完整编译构建过程,后续按此法编译,可减少走弯路,提高生产力。…

vue+antd实践:在输入框光标处插入内容

今天来看一个很简单的需求。 需求描述:在输入框光标处,插入指定的内容。 效果如下: 实现思路:刚开始还在想怎么获取光标的位置,但是发现所做的项目是基于vue3antd组件,那么不简单了嘛,只要调…

SpringBoot Redis 扩展高级功能

环境:SpringBoot2.7.16 Redis6.2.1 1. Redis消息发布订阅 Spring Data 为 Redis 提供了专用的消息传递集成,其功能和命名与 Spring Framework 中的 JMS 集成类似。Redis 消息传递大致可分为两个功能区域: 信息发布 信息订阅 这是一个通常…

[XYCTF新生赛]-Reverse:你是真的大学生吗?解析(汇编异或逆向)

无壳 查看ida 没有办法反汇编,只能直接看汇编了。 这里提示有输入,输入到2F地址后,然后从后往前异或,其中先最后一个字符与第一个字符异或。这里其实也有字符串的长度,推测应该是cx自身异或之后传给了cx 完整exp&am…