在华为云Astro轻应用高级页面中使用花瓣图展示订单数据 期望实现效果 高级页面中组件展示的数据除了系统预置的静态数据之外,还支持动态数据,即通过调用脚本、服务编排或对象等接口动态生成的数据。例如,将玫瑰花饼图的数据修改为订单对象中的数据。
WebSocket协议支持Web浏览器,使得客户端和服务端之间可以创建长久连接并进行双向数据传输,即服务端可以主动向客户端推送数据,客户端也可以主动向服务端发送信息,是服务端推送技术的一种。
参考登录华为云Astro轻应用应用设计器中操作,进入应用设计器。 在左侧导航栏中,选择“设置”,进入应用设置页面。 在“权限配置”中,单击“导入”,导入已创建的扩展权限集。 图3 导入业务权限凭证 父主题: 管理华为云Astro轻应用中用户及权限
ConnectorIns.process(renderCbk, errCbk):通过桥接器实例调用process函数,主要作用为发起调用服务的请求和处理返回结果信息。
在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”。 单击“新增模型”,输入模型名称(如sqlDelete)、“来源”选择“服务”,单击“下一步”。
单击“新建”,进入BTA新版应用设计器。 图11 BTA新版应用设计器 步骤四:创建工作流 基于工作流中HR类流程模板,创建工作流,并设置各泳道责任人。 创建工作流。 在BTA新版应用设计器的“开始”页面中,单击“新建工作流”。
更新自定义组件 进入华为云Astro轻应用服务控制台。 在主页中,单击“进入首页”,进入应用开发页面。 在应用开发页面,单击,选择“环境管理 > 环境配置”,进入环境配置。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 组件”。
购买实例后,在华为云Astro轻应用服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。 在“应用”中,单击“新建低代码应用”或单击,进入新建低代码应用页面。 首次创建应用时,请根据界面提示创建一个命名空间。命名空间一旦创建,不能修改和删除,创建前请确认好相关信息。
容器 基础布局容器,支持流式布局和弹性布局。 分栏 分栏是一种高级的容器组件,相当于行,内部可分多栏(列),可以将页面划分为两栏或者多栏,每一栏都可以拖入其它组件。 折叠面板 折叠面板组件用于将内容区域折叠/展开。 页签 页签是选项卡切换组件,用于平级区域大块内容的收纳和展现。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
Action可以包含任意异步操作,通常用于绑定状态和组件,可以调用服务。 在页面的组件js文件中,使用预置的“this.$mstore.dispatch()”方法,修改状态数据。 父主题: 高级页面
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
参考登录华为云Astro轻应用应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“流程”。 单击定时任务后的,进入导入定时任务页面。 选中待导入的定时任务,单击“导入”。 导入成功后,在“流程 > 定时任务”中,可查看到已导入的定时任务。
调用脚本/服务编排 调用脚本和调用服务编排内置动作,用于在标准页面中调用脚本和服务编排。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“调用脚本/调用服务编排”。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。
属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。