本文共 3983 字,大约阅读时间需要 13 分钟。
low==dfn 为割点
在本系列的前两篇文章中,我解释了如何使用Corteza Low Code 来跟踪捐赠并使用模块和字段 。 在第三篇文章中,我将解释如何创建“捐赠”应用程序的图形部分。
Pages是Corteza低代码的HTTP Web层。 为了使设计更舒适,并确保您的应用程序默认情况下具有响应能力和移动就绪性,Pages是内置块。 每个块都可以调整大小并拖动到所需位置。 在所有块中,您可以定义标题,描述和布局。
页面有两种类型: 记录页面(显示单个记录或与之相关的数据)和列表页面(显示多个记录的可搜索列表)。 每种类型如下所述。
没有“记录”页面的模块无法执行任何操作。 要将数据存储在模块内部,您需要创建一个“记录”页面并将其添加到模块中,方法是选择“ 模块”页面上的相应“ 页面构建器”按钮。 这将打开拖放页面编辑器。
“捐赠”应用程序具有四个模块,每个模块都有“ 页面”构建器链接:
首先,为“ 联系人”模块创建记录页面。 当您单击“ 页面”构建器链接时,将打开一个空白记录页面。 使用+添加块按钮添加块 。
有多种可用的块类型。
“捐款”应用程序中的“联系”记录页面使用两种块类型: 记录和记录列表 。
记录块是“记录”页面上最重要的块。 您可以选择块的布局以及要显示的字段。 联系人记录页面需要显示: 姓名 , 电子邮件 , 电话和地址 。 选择这些字段并点击Save and close ,将添加该块。
查看记录时,这些字段的值显示为字符串,添加或编辑记录时,这些字段变为表单输入字段。
提示:您可以拖放字段并将其以您喜欢的任何顺序放置。
联系人页面将显示每个联系人已提供的捐赠列表。 通过选择“ 记录列表”块来创建记录列表 。
以捐赠为标题,然后在模块字段中选择ContactDonation模块。 选择模块后,将自动填充可用的列,并且您可以选择要在“ 记录”列表中显示的列 : Donation , Project和Created at的系统字段。
如果您现在保存了“ 记录”列表块,您将看到所有联系人的所有捐款。 因为要显示与单个联系人记录相关的捐赠,所以需要添加prefilter 。
Prefilter records字段允许简化SQL“ Where”条件,并评估$ {recordID} , $ {ownerID}和$ {userID}之类的变量(如果可用)。 对于“ 记录”列表 ,您想按联系人过滤ContactDonation记录,因此需要填写: $ {recordID} = contactId 。 注意: contactId是模块ContactDonation中的Record字段。 请回顾本系列的 ,以获取有关链接模块的更多信息。
您还希望能够按日期对联系人的捐款进行排序。 可以在Presort records字段中通过插入createdAt DESC来完成 。 该字段支持按条件语法简化SQL Order 。
您也可以选择隐藏或显示“ 新记录”按钮和“搜索”框,还可以定义显示的记录数。 最佳做法是将此数字调整为块的大小。
要保存该块并将其添加到页面,请单击“ 保存并关闭” 。 现在,第二个块已添加到页面。
其他块类型为:
接下来,在“捐赠”应用程序中添加其他模块的“记录”页面。 完成此操作后,您将在Pages下看到以下列表:
在将页面添加到页面(例如,“ 联系人”模块的“记录”页面中的“ 联系人详细信息”和“ 捐赠 ”页面)之后,您可以调整其大小和位置,以创建所需的布局。
最终结果是:
默认情况下,Corteza Low-Code是响应式的,因此这些块将在具有小屏幕的设备上自动调整大小和位置。
列表页面与任何单个记录都不相关; 而是显示记录列表。 此页面类型用于创建主页,联系人列表,项目列表,仪表板等。列表页面很重要,因为您不能在不查看列表的情况下输入新记录,因为“ 添加新记录”按钮显示在列表上。
对于“捐赠”应用程序,创建以下列表页面: 主页 , 联系人和项目 。
要创建列表页面,您需要转到页面管理页面,并在顶部的创建新页面框中输入标题。 提交此表单时,它将打开“ 编辑页面”表单,该表单允许您添加页面说明(供内部使用;最终用户将看不到它),并且可以将页面设置为“ 启用”以便可以访问它。
您的页面列表现在看起来像:
您可以拖放以将其重新排列为:
重新排列页面使维护应用程序更加容易。 它还允许您生成应用程序菜单结构,因为列表页面(而不是记录页面)显示为菜单项。
向每个“列表”页面添加内容与向“记录”页面添加块完全相同。 唯一的区别是您无法选择“ 记录”块类型(因为它与单个记录有关)。
Corteza低码应用程序中的菜单由管理页面Pages上的页面树自动生成。 它仅显示列表页面,而忽略记录页面。
要对菜单重新排序,只需按所需顺序将页面拖放到页面树中。
每个人都喜欢图表。 如果图片价值1000字,那么您可以在Corteza中创建一个无价的应用程序。
Corteza Low-Code附带有一个图表构建器,可让您构建折线图,条形图,饼图和甜甜圈图:
例如,添加一个图表,显示每个项目已收到多少捐款。 首先,在管理菜单中进入“ 图表”页面。
要创建新图表,请使用创建新图表字段。
在图表构建器内,您将找到以下字段:
此示例图表使用ContactDonation模块并显示每天的总捐款。
最后一步是将图表添加到页面。 将此图表添加到主页:
保存页面并输入捐赠应用程序(通过右上方的“ 公共页面”链接)时,您将看到带有图表的主页。
自动化可以使您的Corteza Low Code应用程序更高效。 使用自动化工具,您可以创建业务逻辑,以便在创建,更新或删除记录时自动评估记录,也可以手动执行规则。
触发器用JavaScript编写,JavaScript是世界上最常用的编程语言之一,使您能够编写简单的代码来评估,计算和转换数据(例如数字,字符串或日期)。 Corteza Low Code带有额外的功能,使您可以访问,创建,保存或删除记录。 寻找用户; 通过电子邮件发送通知; 使用Corteza消息传递; 和更多。
具有广泛的自动化规则集,可以用作示例。 他们之中有一些是:
正在开发有关如何使用自动化模块的完整手册以及代码示例。
部署Corteza Low Code应用程序非常简单。 一旦启用,它就会在Corteza Low Code Namespaces菜单中部署并可用。 部署后,就可以开始使用您的应用程序了!
正如我在本系列的第1部分和第2部分中提到的那样, 上提供了本系列中创建的完整Donations应用程序。 您需要登录或创建免费的Corteza社区服务器帐户才能签出。
另外,请查看上的文档,以获取其他最新的用户和管理教程。
如果您有任何疑问(或想做出贡献),请加入 。 登录后,请在#Welcome频道中进行自我介绍。
翻译自:
low==dfn 为割点
转载地址:http://zhizd.baihongyu.com/