检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
查看解压后的组件目录。 图3 解压后目录 userLogin.js:存放vue业务逻辑的代码,请根据业务需求自行开发。 userLogin.ftl:存放html代码,请根据业务需求自行开发。 userLogin.css:存放样式代码,请根据业务需求自行开发。 userLogin.editor.js、packageinfo
设置AstroZero高级页面仪表盘组件属性 仪表盘是指通过仪表的特殊展示方式,对数据进行展示。 图1 设置仪表盘组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
为AstroZero服务编排添加子服务编排图元 子服务编排图元的作用 当需要在服务编排中,嵌套使用系统中已存在并启用的其他服务编排时,可使用子服务编排图元。或者当业务场景比较复杂,可先将整体流程拆分成子流程,先定义好子服务编排并启用,在总体的服务编排中调用子服务编排实现完整功能。
为AstroZero服务编排添加发送事件图元 发送事件图元的作用 配置该图元能够使用系统预置的,接口发送事件。事件可以被其他服务编排、工作流、状态机和触发器等接收。 如何使用发送事件图元 在基本中,拖拽“发送事件”图元至画布中。 选中发送事件图元,单击,设置基本信息。 表1 基本信息参数说明
为AstroZero工作流添加事件类图元 事件类图元用来处理与工作流相关的内部(开始、结束、终止、捕获时间)或外部事件(抛出信号、捕获信号),事件总是画成一个圆圈。 背景信息 根据图元的不同使用场景,工作流图元可以分为以下三类: 事件(Events):驱动流程流转的事件图元,用来
为AstroZero工作流添加网关类图元 网关类图元用来控制流程的执行流向,可理解为决策、判断。 排他网关 排他网关用来在流程中,实现一组分支的唯一决策。系统将按照“条件顺序”评估流出网关的分支,流程会执行第一个连线条件被评估为true(当多个条件为true时,将执行第一个决策)
租户命名空间namespace决定。新建创建的脚本,默认是当前用户锁定状态,可以进行编辑保存等操作。 当编辑已有脚本时,为防止编辑时多人篡改,编辑前请单击进行锁定。 在代码编辑器中插入如下脚本代码。 脚本中红色内容请替换为实际的对象名、字段名。 import * as context
入门实践 当您购买了Astro轻应用实例后,可以根据业务需要搭建低代码、零代码和大屏应用。本文介绍Astro轻应用常见的搭建实践,帮助您更好的使用Astro轻应用。 表1 常用最佳实践 实践 描述 通过AstroZero开发设备维修管理应用 本最佳实践以IoT领域电梯设备运维管理
在实例列表中,单击“进入首页”,进入应用开发页面。 在左侧导航栏中,单击“应用”,进入低代码应用页面。 单击新建低代码应用后的,进入新建空白应用页面。 图9 进入创建轻应用入口 在新建低代码应用中,选择“标准应用”,单击“确定”。 设置应用标签和名称,此处均设置为BTA。 图10
开发前必读 设备管理功能主要是通过操作两个标准页面(编辑设备、设备管理),来实现电梯设备信息的新增、修改、删除、查询及监控等功能的。 设备管理界面的大致构想,如图1所示。界面上默认显示应用中保存的所有电梯设备信息,可以直接新增、修改或者删除电梯记录,也可以查询部分电梯记录。 单击
Homepage”后的。 单击“新建动作”,选择“自定义 > 自定义动作”。 图10 配置事件 在“事件编辑”中,输入事件代码,然后单击“确定”。 图11 事件编辑 事件代码如下,其中加粗斜体代码请修改为实际运行环境主页URL: var host = window.location.origin;
图6 设置事件 在代码编辑区域,编辑事件代码,单击“创建”。 图7 自定义JS代码 系统中已存在商品对象“命名空间__Product__CST”,并有“name”和“命名空间__status__CST”两个字段,分别是商品名和商品状态,且已有对象数据。该事件代码实现的是将输入框中
如果表格字段太多,无法正常显示,可以在页面的“样式代码”中,添加样式代码。请参考图2,输入以下样式代码。 .ivu-table-row td{ width:100px; } 如果当前“样式代码”为空,直接将此样式粘贴到“样式代码”中,保存页面即可。 如果在“样式代码”中,有较多样式,需要先找到表格
并让您快速了解AstroZero低代码开发平台的架构及前后端能力。 入门指导 使用AstroZero低代码预置模板创建调查问卷应用 使用AstroZero零代码预置模板创建培训报名应用 05 使用(零代码) 零代码是指Astro轻应用提供的零代码应用构建平台。通过该平台,无需使用
限,如新增一个对象或新增一个流程等。 NoCode Developer Profile:零代码应用开发权限,只有运行环境才会预置该权限。 NoCode Manager Profile:零代码应用数据管理权限,只有运行环境才会预置该权限。 一个Profile可以分配给很多用户,但是
从组件中,拖拽“按钮”组件到画布中,并设置按钮显示名称为“刷新”。 图2 拖入按钮组件 选中“刷新”按钮组件,在“事件”页签中,单击事件后的“+”。 图3 设置按钮 编辑事件代码为“context.$page.reload()”,单击“创建”,调用预置接口刷新当前页面。 单击页面上方的,保存页面。 父主题: 应用后端开发
标准页面中预置的API 在开发标准页面时,可以通过编写JS代码,来实现页面组件与后台接口之间的交互。如图1所示,在编写JS代码时,可直接使用系统预置的API。 系统预置的API代码结构样例如下,提供事件上下文context,用于封装常用的对象及API。 context ├──$app
出菜单中选择“标准页面”。 在“标签”和“名称”文本框中输入“workOrderProcess”,单击“添加”。 当编辑已有标准页面时,为防止编辑时多人篡改,编辑前请单击进行锁定。 单击页面右上部的,切换到手机端设计模式。 定义模型“statusInfo”。 在“模型视图”中,单击“新增模型”。
“+”。 新建一个空白的脚本,名称设置为“docScript”,单击“添加”。 图29 创建脚本docScript 在脚本编辑器中,输入示例代码。 本示例代码主要用于下载文档,示例中的“命名空间__OBS_Connector”为2中配置的连接器名称,“docTemplate”为2中配置的文件存储位置。
在弹出菜单中选择“标准页面”。 在“标签”和“名称”文本框中输入“workOrderListM”,单击“添加”。 当编辑已有标准页面时,为防止编辑时多人篡改,编辑前请单击进行锁定。 单击页面上方的Mobile图标,切换到手机端设计模式。 组装“页面标题区”。 从基本组件列表区,拖拽1个“标题”组件到“页面内容”。