检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
5所示的数据。 图17 新增自定义字段 在标准页面中,选中表格组件,新增模型,设置为对象模型,选中1中的对象,设置表格数据源。 图18 设置数据绑定 图19 新增模型 图20 设置对象模型 图21 设置关联字段 图22 选中模型 在标准页面中选中表格组件,开启“树形数据”开关,参考数据绑定设置如下参数。
细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 父主题: 设置AstroZero标准页面组件属性
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。 父主题: 平台标准组件介绍
的内容。 创建应用页面。 单击“Page”文件夹右侧的,选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签,在右侧配置面板“样式 > 布局”下,为
在外观设置中,设置应用布局样式。 桌面端:设置应用在PC端显示的样式。 移动端:设置应用在移动端显示的样式。 应用主题:系统预置的主题颜色,单击“管理应用主题”,可自行设计应用主题。 布局选项:提供了一些常见选项,用于设置应用布局。 启用页签栏:是否启用页签栏。勾选后,应用中将会显示页签栏。
如何创建标准表单 使用说明 在BPM用户任务活动中,任务界面会经常用到标准表单页面。本章节将介绍如何创建表单。如果在BPM流程中需要使用“用户任务”图元,且任务界面要用到标准表单,建议您提前创建好标准表单。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 单击所需的BPM,进入BPM设计页面。
面的渲染和展示。 定义页面数据模型 打开一个标准页面,在标准页面的左下方,单击“模型视图”。 在“模型视图”中,单击“新增模型”。 添加模型,定义模型名称与来源,单击“下一步”,如图1所示。 图1 定义模型 低代码平台支持四类模型(如图1),每类模型都包含参数定义和方法定义。方法
标准页面中预置的API 在开发标准页面时,可以通过编写JS代码,来实现页面组件与后台接口之间的交互。如图1所示,在编写JS代码时,可直接使用系统预置的API。 系统预置的API代码结构样例如下,提供事件上下文context,用于封装常用的对象及API。 context ├──$app
保存的信息进行预处理。 标准页面执行后台逻辑一般是通过调用标准页面服务和调用第三方接口两种方式实现。本章节主要介绍调用标准页面服务,关于标准页面调用第三方接口的内容请参见如何调用第三方接口。 标准页面的服务主要分为服务编排(Flow)、脚本(Script)和公共接口(API)三种,对应的页面模型为“服务”。
返回标准页面开发界面,单击页面上方的,保存页面,并单击,预览页面。 在表单中输入数据,单击“重置”按钮,可预览按钮的事件效果。 打开页面 在标准页面中,“打开页面”内置动作通常用于实现页面的跳转功能。以单击“立即体验”按钮,打开新的产品体验入口页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。
AstroZero标准页面事件编排器概述 在AstroZero标准页面中,通过系统预置的事件编排器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,
putVariables(variables: {[key: string]: any}): Promise 图3 在标准页面的事件代码中与工作流交互 返回标准页面开发界面,单击页面上方的,保存页面。 父主题: 添加事件实现AstroZero组件间交互
如何查看AstroZero标准页面的URL格式? 平台内部的规则是“/besBaas/page#/页面名称”。对象的布局页面也是通过标准页面实现的,所以可以通过查看对象的布局页面,了解标准页面URL的定义规则。具体步骤如下: 进入对象详情页面,选择“布局”。 图1 对象的布局页面
使用应用模板创建的应用中,默认包含有完整功能的标准页面。示例步骤中不单独创建标准页面,仅使用应用模板中的标准页面。该标准页面对应您实际开发过程中需要提供给游客访问的标准页面。 登录AstroZero开发环境,在首页“项目”下,单击“轻应用”。 图2 单击轻应用 鼠标放在“健康打卡”应用模板上,会出现
在AstroZero标准页面中,如何调用服务编排或脚本? 方式一:通过编辑事件实现 在标准页面的事件编排中,在具体的动作上“自定义JS代码”中编写相关代码,以实现页面组件与后台接口(服务编排或脚本)之间的交互。 下面以通过编辑事件,定义JS代码,来实现页面组件与后台接口(服务编排或脚本)之间的交互为例,进行介绍。
务流程中由用户参与完成某些工作,如填写表单提交数据、进行审批等。“用户任务”会关联一些页面呈现给用户进行处理。标准页面预置了几种与工作流流程相关的事件,供工作流关联标准页面时使用。 BPM-提交实例 该预置动作用于将数据提交到工作流,与预置的API“context.$工作流.submitInstance
查看页面性能 使用说明 低代码平台支持检查标准页面性能,生成性能报告页供开发者查看。 操作步骤 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告,单击图2中各指标后的“展开”,可查看性能指标具体详情。
的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图6配置按钮组件所示。
主要事件说明 事件编排器说明 如何通过JS代码,实现页面与后台接口间的交互 页面级常见操作 控制组件是否可见可用可编辑 BPM相关预置事件说明 父主题: 标准页面