检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
elem)[0]); 在“alarmDisplayWidget.ftl”中定义渲染页面,将告警信息的title、content和date显示,并加入分割线。 <div id="widgetVue3Template" style="margin: 20px;"> <div :data="listData"
先拖拽页面的前端组件,再定义页面模型,进行模型与前端组件绑定,最后为页面添加相应的事件代码。 页面组件分析 分析图1的组成,可以将整个页面分割为3个区域:页面标题、查询条件和待处理工单列表区域,如图2所示。 待处理工单列表通过在列表视图中,使用2个“分栏”的嵌套,组装出待处理工单列表区。
组件的右侧。 图9 流式布局调节组件宽度 在运行环境中,针对不同分辨率的终端或不同尺寸的浏览器窗口,流式布局始终以12列栅格为原则进行栅格分割,组件宽度也会根据栅格的宽度变化而自动调整,如图10所示。其中,组件本身需满足响应式设计,其开发规范请参见响应式组件开发基本原则。 图10
背景和原理 本节主要通过创建一个标准页面,调用一个具有编辑设备功能的脚本,实现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口
开发“派单员派发工单”功能 “派单员派发工单”功能包含工单列表(派单员)页面、派单对话框两个页面。 学习地图 如图1所示,通过本章的学习和实践,您将进一步了解“标准页面”的能力,包括: 弹出对话框 标准页面模板 脚本 图1 学习地图 创建“查询维修人员”脚本 创建“派单功能”脚本
背景和原理(对象) AstroZero提供的数据对象(Object)定义功能,对应传统方式开发业务系统中的创建数据库表。每个Object对应一张数据库表,用于保存业务系统需要的配置数据和业务数据。 对象用于存储组织或者业务特有的数据,可理解为数据库中的数据表(逻辑表,系统实际存储
初识经典开发环境 了解环境 使用Astro轻应用进行应用开发,一般分为三个阶段:开发 > 测试 > 上线。每个阶段都会有独立的环境,让各阶段数据隔离,保证正式上线版本稳定。 开发环境 开发环境是开发者专门用于开发应用的环境,用户可根据需求自行开发配置各种逻辑模块化元素,从而创建各
什么是Astro轻应用 Astro轻应用(Astro Zero,简称AstroZero)是零代码和低代码应用开发平台,源于华为应用开发和数字化转型的实践,提供了云上无码化、低码化、支持多码化的应用开发模式,屏蔽了技术的复杂性,提升了企业开发的效率。同时提供应用资产的开发标准和微服
开发前必读 设备管理功能主要是通过操作两个标准页面(编辑设备、设备管理),来实现电梯设备信息的新增、修改、删除、查询及监控等功能的。 设备管理界面的大致构想,如图1所示。界面上默认显示应用中保存的所有电梯设备信息,可以直接新增、修改或者删除电梯记录,也可以查询部分电梯记录。 单击
登录AstroZero新版应用设计器 新版应用设计器优化了功能入口布局,寻找功能更符合开发者思维习惯。 同时,以需求场景为开发起点,一路引导,让开发旅程更顺畅。申请AstroZero免费试用或购买商用实例后,即可参考本章节操作登录新版应用设计器,开启您的应用开发之旅。 登录新版应用设计器
零码应用开发流程 无需了解任何语言、无需具备任何编码经验,在AstroZero零代码工作平台中,通过拖、拉、拽即可轻松完成应用的搭建,让想法秒变应用。不过,要熟练使用AstroZero零代码搭建所期望的应用,还需要进行一些基础和深入的学习。这里,为您总结了用户咨询的高频问题和搭建
产品优势 随着人工智能、物联网、区块链等领域飞速发展,传统行业在向互联网化转型的过程中,对软件技术的要求越来越高,软件实现越来越复杂,软件构建技术难度以指数级增长。AstroZero充分考虑了开发者和企业用户的痛点,提供了高效率、高效能的开发平台。 降低应用构建门槛 全云化线上开发,No
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List
背景与原理 业务应用构建登录页面时,一般情况下是通过使用AstroZero的高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面:对于一般
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
背景及原理(服务编排) AstroZero的服务编排,支持对逻辑判断组件、数据处理组件,以及脚本、子服务编排、商业对象等进行可视化组合编排,实现丰富的业务功能。 了解服务编排 在传统的开发中程序员一般是基于代码进行开发,程序员需要学习内容较多,开发效率相对低一些,开发门槛也高。A
BPM如何与页面交互 BPM中一个重要的内容就是用户任务,而用户任务所有的交互都通过页面实现的。在BPM中使用页面与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础,如果没有相关的背景知识,可以先从 标准页面 和 高级页面开始学习。 图1 BPM与页面交互
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称
设置AstroZero标准页面表单组件属性 表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法)。也可以在空表单中,添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。 向页面中拖入