检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro轻应用标准页面概述 什么是标准页面 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。对于一般的业务应用系统,例如请假电子流、出差报销、在线投票等企业常见业务场景,其功能主要是针对业务数据的增、删、改、查,且前端界
如何配置应用布局 使用说明 应用布局是应用界面的框架,本章节介绍如何在管理中心修改应用框架的样式和颜色。 操作步骤 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。
注册原生服务 注册Native Service后,才可以在AstroZero的脚本、服务编排等中调用原生服务的接口,也可将该原生服务开放给第三方系统进行访问。 安装原生服务 注册原生服务前,请按照如下操作安装原生服务。 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理
管理应用中的公共组 什么是公共组 公共组是用户的集合,当这个集合中涉及不止一个用户、一种角色时,需要创建公共组。公共组内可以包含用户、业务用户、其他公共组、角色或带有下属的角色。一个用户可以加入多个公共组中。 图1 添加成员 创建公共组 在华为云Astro轻应用服务控制台,单击“进入首页”,进入应用开发页面。
删除工单公共接口。 在“模型视图”,单击“新增模型”。 添加服务模型,模型名称“deleteWorkOrder”,单击“下一步”, “服务类型”选择“公共接口”,“选择项目”为“设备维修管理系统”,“搜索”中的接口选择“deleteWorkOrder”,单击“下一步”,再单击“确定”。
0/template/xlsx?template={template}&filename={filename} 表1 路径参数 参数 是否必选 参数类型 描述 template 是 String 参数解释: 数据导入模板的名称。 约束限制: 不涉及。 取值范围: 不涉及。 默认取值: 不涉及。
如何通过JS代码,实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码,可以不使用事件编排器中的内置动作,直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时,进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。
创建标准页面模板 为了降低应用开发成本,让用户通过拖拽的方式快速完成应用的搭建。AstroZero提供了丰富的应用模板,用户可以直接使用应用模板快速创建应用,同时也支持使用标准页面模板创建页面。 AstroZero中,页面模板分为以下两类: 系统预置的“通用模板”,预置模板说明如表1所示。
URL URL组件用于录入URL信息。系统已预置校验格式,当用户输入URL格式不正确时,会报错。 在表单开发页面,从“数据组件”中,拖拽“URL”组件至表单设计区域,如图1。 图1 URL 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 单击显示名称后
背景与原理 业务应用构建登录页面时,一般情况下是通过使用华为云Astro轻应用的高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 华为云Astro轻应用前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面:
设置布局与颜色 使用说明 应用布局是应用界面的框架,本章节介绍如何更改框架的样式和颜色。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“配置”,进入应用配置页面。 在“布局与颜色”页签,设置应用布局样式。
配置翻译任务 使用说明 在经典版环境配置的“系统管理 > 国际化 > 翻译工作台”中,设置了应用支持的语种,并将语种的翻译任务指派给翻译人员。本节介绍翻译人员如何在AstroZero中完成翻译任务。翻译菜单用于翻译人员完成翻译任务,不同的翻译人员进入翻译菜单,所看到的翻译任务是不同的。
使用华为云Astro轻应用设置应用的外观 开发者开发完应用后,支持修改应用导航框架的布局、元素和样式,来提升用户体验、增强应用的可用性和美观等。 设置应用的外观 参考登录华为云Astro轻应用应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“设置”,进入应用设置页面。 图1
管理桥接器 在AstroZero管理中心,可以管理当前环境中该账号下的桥接器资产。 使用说明 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。桥接器也支持获取静态自定义数据展示在页面上。
管理桥接器 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。桥接器也支持获取静态自定义数据展示在页面上。 在华为云Astro轻应用环境配置中,可以管理当前环境中该账号下的桥接器资产。
邮箱 邮箱组件用于录入邮箱信息。系统已预置校验格式,当用户输入邮箱格式不正确时,会报错,参考格式为“***@example.com”。 在表单开发页面,从“数据组件”中,拖拽“邮箱”组件至表单设计区域,如图1。 图1 邮箱 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。
关联记录 关联记录组件用于关联应用中的表单,以单选或者多选的形式关联展示。 导出/克隆应用时,应用中表单创建的关联关系会丢失。导出/克隆完成后,请重新创建表单间的关联关系。 在表单开发页面,从“数据组件”中,拖拽“关联记录”组件至表单设计区域,如图1。 图1 关联记录 例如,系统
图文展示 图文展示组件是系统提供的富文本呈现功能Web组件。 在表单开发页面,从“通用组件”中,拖拽“图文展示”组件至表单设计区域,如图1。 图1 图文展示 显示名称:页面标题内容,可以设置为中文,也可以设置为英文。 内容:单击“编辑”,可设置富文本内容。 背景颜色:设置富文本的背景颜色。
了解应用目录及菜单 一个业务系统通常包括前端页面、后台逻辑和数据库表。因此,华为云Astro轻应用采用类似的结构管理应用程序。 如图1所示,应用管理页面包含三部分(红框1、红框2和红框3): 红框1中是当前应用的页面、模型和逻辑。在后续章节中,开发的页面、对象及后台逻辑,推荐按以
创建空白华为云Astro轻应用标准页面 当系统预置的标准页面模板不能满足您的业务需求时,您可以创建一个空白的标准页面,并根据实际业务完成页面设计。 创建标准页面 参考登录华为云Astro轻应用应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 (可选)单击页面后的,为标准页面添加目录。