Amazon Honeycode-数据和显示组件

103 阅读2分钟

第一篇博客写的是Amazon Honeycode,上一篇博客写的是AWS Honeycode。我纠正一下,目前Honycode还是Amazon Honeycode,没有归属到AWS产品系列,所以这篇博客和后面的博客,我们还是按照官方叫法,使用:Amazon Honeycode。

组件概述

image.png

1.Data cell(数据单元格)

image.png 组件有3个大的属性面板

Data(数据)

  • Shared: all users see the same shared value.
  • Variable:initial valule displays until user edits.

DISPLAY(显示)

image.png 数据格式和可见性。

ACTIONS(动作)

datacell没有actions,面板禁用

2.Contenx box(内容盒子)

可以理解为html的label标签,主要显示内容。

  • DATA 不涉及,面板禁用
  • DISPLAY 控制可见,可以根据条件展示不同样式
  • ACTIONS 点击可以添加事件

image.png

3.Button(按钮)

类似html的按钮。

  • DATA 不涉及,面板禁用
  • DISPLAY 控制可见,可以根据条件展示不同样式
  • ACTIONS 点击可以添加事件,也支持快速动作

image.png

4.Blank block(空白区块)

类似html中的div或者section。是其他各个组件的容器。一般不需要开发者拖这个组件,添加其他组件,默认容器就是Blank block。

  • DATA 可以绑定对应的。
  • DISPLAY 控制可见,可以根据条件展示不同样式
  • ACTIONS 点击可以添加事件,也支持快速动作

5.Blank list(空白列表)

  • DATA 可以绑定对应的数据,必须是表格数据。除了常规设置可见性,因为是列表,所以有3个常用的插件功能。
  1. 搜索
  2. 过滤,根据字段过滤
  3. 排序,根据字段过滤 缺点 列表还有一个常用的功能-分页。目前Honeycode不支持。 image.png image.png
  • DISPLAY 控制可见,可以根据条件展示不同样式
  • ACTIONS 点击可以添加事件,也支持快速动作 image.png

6.Column List(表格列表)

根据选择表格数据生成列表,同时也支持快速生成详细页面。

image.png

  • DATA 可以绑定对应的数据,必须是表格数据。
  • DISPLAY 控制可见,可以根据条件展示不同样式
  • ACTIONS 点击可以添加事件,也支持快速动作

7.Stacked List(堆栈列表)

Stacked List和Column List类似,一个是表格形式,一个是堆栈形式。都是列表展示。

8.Form(表单)

快速创建一个表单接收数据。需要开发一个收集用户信息表单,只要一分钟。但是比如数据类型是下拉,或者单选,复选。这个Hoenycode无法识别,还需要开发者手动修改。 image.png

image.png 注意 form组件添加之后无法对字段进行修改或者调整,如果需要修改只能删除重新生成。