检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自动编号 自动编号用于为每一条记录自动生成一个自定义格式的编号。 在表单开发页面,从“数据组件”中,拖拽“自动编号”组件至表单设计区域,如图1。 图1 自动编号 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 编号模式:选择编号模式,如默认或自定义。默认格式为从1开始的递增序号,例如1
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时,可以在脚本中为表单添加一些提交限制,来提升用户体验和数据的安全。例如,在脚本中定义一个延迟时间(如图1),在规定的时间内提交表单时,提示“Submission failed: Not PortalUser
向页面中拖入一个表单组件,会弹出元数据表单配置向导页面。您可以在此时绑定一个对象模型(如绑定对象模型),或者单击“取消”,再在“数据绑定”下绑定一个模型,还可以在空表单中,设计好表单后,在表单中的某组件(如输入框、下拉框等)上绑定模型字段。 图1 元数据表单配置向导 图2 表单组件 数据绑定 通过建立不同类型
型中的字段成为表格的列,以及表格的查询条件。 添加操作列:表格的列,在表格中添加可操作列,即在操作列中通过添加图标,并为图标添加onclick事件代码,实现某些功能,如删除、编辑等。 添加空白列:表格的列,可添加表格空白列。 表格区块 工具栏用于扩展表格能力,为表格添加工具栏,提供增删改查以及保存的功能按钮。
当用户输入URL格式不正确时,会报错。 在表单开发页面,从“数据组件”中,拖拽“URL”组件至表单设计区域,如图1。 图1 URL 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 只读时展示为超链接:勾选表示该字段只读时,会展示为超链接。 验证:对字段进行限制设置。
分段 分段组件通常用于对下文做出说明、解释,或者将表单分成不同的部分,使得结构更加清晰。 在表单开发页面,从“通用组件”中,拖拽“分段”组件至表单设计区域,如图1。 图1 分段 显示名称:分段的说明文字,通常用于对下文做出说明、解释。 样式:分段的样式。 标题大小:设置标题的大小。
容。 在表单开发页面,从“数据组件”中,拖拽“富文本”组件至表单设计区域,如图1。 图1 富文本 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 行数:设置富文本默认行数,支持行高随内容自动调整。 验证:对该字段进行一些限制,设置为“必填”,表示该字段必须配置。
选择对象和字段 单击“确定”,完成模型的创建。 返回设计视图页面,新建表格关联模型。 在标准页面的底部,单击“设计视图”,从模型视图切换回设计视图。 在标准页面中,拖入一个表格组件。 图16 拖入表格组件 选中表格组件,在“属性 > 数据绑定 > 值绑定”中,单击。 选中3中创建的模型,单击“确定”。
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本,在前端页面实现对象数据的增加和删除。例如,在标准页面中增加或删除一条数据时,标准页面关联的对象中,数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
择“分享统计”。 图2 分享统计页面(开发态) 单击“分享链接”后的,可分享统计结果给其他用户。 图3 分享统计结果 父主题: 制作统计报表多维度展示数据
配置高级页面组件桥接器实例属性时,如何设置下拉框中的选项值? 问题描述 配置组件“数据”页签的桥接器实例属性时,下拉框中的选项来源是哪里设置的? 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时,桥接器实例选项可选到这些桥接器。
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
如图3所示,使用了饼图、柱状图、汇总值组件,并根据表单填报数据配置组件属性。 图3 配置组件 鼠标悬浮在组件上,出现复制组件图标,当页面组件数大于一个时,还会出现删除组件图标。 设置统计页面属性。 表1 统计页面属性 参数 参数说明 数据范围 数据源:选择某一视图下的数据,作为统计图表的数据源。 数据获取权限:设置数据的获取权限。
文本组合 文本组合是将当前表单中的字段按照一定的格式进行组合。 在表单开发页面,从“数据组件”中,拖拽“文本组合”组件至表单设计区域,如图1。 图1 文本组合 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 选择字段:选择组合的字段,字段和分隔字符不能超过10个。
单击已有统计页面后的,选择“删除”。 图1 删除统计页面 在弹出的确认框中,勾选“我确认永久删除工作表和所有数据”,单击“删除”。 父主题: 制作统计报表多维度展示数据
当前日期:选择当前时间作为默认值。 其他字段值:该表单内的其他定位组件、关联记录中的定位字段。 关联数据:关联已有数据,即取查询到的,最新的一条数据作为默认值。 图2 配置默认值 公式编辑:给表单中的某个字段编辑公式后,在填写表单或修改表单数据时,可以使该字段的值根据公式自动计算出来,不需要再手动填写,提高效率。
统计页面创建完成后,支持对已创建的统计图表进行二次开发。 修改统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统计页面后的,选择“编辑图表”,可对统计页面进行二次开发。
单击已有统计页面后的,选择“克隆”。 图1 克隆统计页面 克隆成功后,系统自动进入克隆后的统计页面。 图2 克隆的统计页面 父主题: 制作统计报表多维度展示数据
您也可以在应用开发页面,单击页面右上角的“编辑应用”,进入编辑应用页面。在编辑应用页面,单击待导出统计后的,选择“导出”。 图2 导出统计页面(开发态) 父主题: 制作统计报表多维度展示数据
本章节以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如,视区(屏幕或浏览器可视区域)由宽变窄过程中,呈现出多终端适配的响应式效果,商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计