检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购
为AstroZero标准页面中的表格增加求和等计算能力 期望实现效果 在标准页面中,支持为表格增加求和、求积等计算能力,来提升数据的处理效率。例如,将表格中“商品花费”列的值设置为 “商品数*价格+其他成本”。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法
表格(新) 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。当表格中的数据有父子关系,需要展示出树形结构时,
设置AstroZero标准页面表格(新)组件属性 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于设置AstroZero标准页面表格组件属性中的表格组件来说,更适用于移动端,但
使用AstroZero在前端表格中增删改对象数据 期望实现效果 通过添加一个工具栏,在前端页面实现对象数据的增加、删除和修改。例如,在标准页面的表格中,增加、删除和修改数据时,页面关联的后台对象数据也会随之更改。 最终实现效果:双击demoName中的数据栏,可以对数据进行编辑。
数据对象建模 什么是数据对象 在应用中引用的任何数据结构元素,如文件、数据、变量等都称为数据对象,简称为对象。数据对象直观的可理解为一张数据表,对象名对应表名,对象属性对应表头。 对象模型支持哪些类型 当前低代码平台支持创建的模型功能类型及类型介绍,请参见表1。 表1 模型功能的介绍
使用AstroZero将客户与订单数据关联并同步修改 期望实现效果 在某些订单系统中,通常需要将客户信息和订单数据进行关联,用于处理订单、扣减库存等。例如,订单应用“A”中存在客户对象customerList和订单对象orderList两个对象,在AstroZero中通过为两个对象建立关联关系,可轻松实现如下功能:
then(function (data) { taskId = data.result.Recs[0].id; let url2 = '/u-route/baas/bp/v2.0/runtime/tasks/'
组装“编辑设备”页面 组装页面包括拼装页面组件、定义组件的事件代码,并通过公共接口调用“编辑设备”脚本。 页面分析 如果要实现将前端页面上输入的设备信息保存到数据库中,需要创建与前端组件绑定的自定义模型,以及与后端逻辑关联的服务模型,如图2所示。 图1 编辑设备页面预览 页面上包
业务用户登录页前台开发实施步骤 业务用户在前台登录时,需要先在线下开发一个登录组件,上传到高级页面,并在高级页面中配置组件桥接器中的数据。最后在页面中,输入登录账号密码,通过调用“用户登录服务编排”,实现“业务用户”页面登录功能。 本文以“A”应用为例,介绍如何开发登录页面,具体流程如图1所示。
设置AstroZero标准页面表格组件属性 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。 图1 表格组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
表格 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。 在标准页面设计界面,从“基本组件”中,拖拽“表格”组件至页面工作区域,如图1。 图1 表格 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
组装“设备管理”页面 通过组装设备管理的标准页面,实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能,如图1所示: 工具栏保留“新增设备”按钮,单击“新增设备”按钮,跳转到设备详情页面。 查询结果增加操作列,包含编辑和删除图标。 图1 电梯信息管理界面 图2
exec()”或“sql.excute()”方法,“excute()”方法比“exec()”多返回字段集和操作成功数。 let result = execsql.exec("select id,name,OfferingId,ParentId,SkuCode,ChannelId,Status,ProductLabel
json().then(function (data) { taskId = data.result.Recs[0].id; let url2 = '/u-route/baas/bp/v2.0/runtime/tasks/'