检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试,AstroZero提供Scaffolding脚手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开
isplayWidget组件详情页进行相应的切换展示。 通过在线编辑器完善组件。 测试结果基本满足预期,但是由于图片尺寸不同,有些图片未能完全展示,还需优化。本例中向您介绍AstroZero平台提供的,在线组件开发工具。 单击组件详情页中的“编辑”,在跳转到的“组件编辑”页面进行
到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中,常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例,简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中,按下“F12”或者“Ctrl
如何修改应用菜单(自定义应用导航条) 使用说明 在应用程序列表中,可以查看当前用户已安装的应用程序,并配置导航条。导航条即应用的导航栏菜单,一个应用中可以配置一到多个导航菜单页签。 操作步骤 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理
零代码常用术语 在使用AstroZero零代码平台创建应用前,请先了解如下基本概念。 什么是应用? 应用即一个App,具备一定功能的可运行应用程序,由表单、流程和报表组成(图1),具有数据记录、协作、审批、可视化查看以及更多可搭配的衍生功能。图2中的一个方形图标都代表一个应用。
基于下载的模板,在本地根据自身业务需求开发组件。 上传组件到组件库并使用组件 将开发完的自定义组件上传到组件库,并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。参考消费者业务网站(如图1所示),页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。
置进行拖拽放置,组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局:在流式布局中,拖拽到页面中的组件,将根据从上到下、从左到右的顺序依次排列,组件的高度将根据组件内容大小进行自适应,宽度可按百分比进行配置。流式布局常用于常规Web应用开发,例如电商网站、管理网站等。
提交数据,并收集数据的工具。一个应用中,可以创建一个或多个表单,一个表单管理一类数据,多个表单共同组成了一个应用。 在AstroZero零代码平台中,数据的收集和录入都需要对应的工作表。例如,组织问卷调查、预订会议室、填写财务报销、订餐、健康防疫打卡、在线投票等,都可以通过表单来实现。
保存”,可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中,单击接口所在行的,预览接口。 若为公共接口,支持查看接口参数并进行在线测试。若为私有接口,只可查看接口的入参和出参。 图2 公共接口 图3 私有接口 单击接口URL后的,可查看接口的参数。 若为公共接口,单击
单击“安装”,在弹出的确认框中单击“确定”。 图5 安装该应用 安装完成后,在左侧导航栏中,选择“应用管理 > 应用导航”,进入应用程序列表页面。 在应用程序列表中,单击已安装应用所在行的,即可预览应用。 图6 预览应用 父主题: 如何创建流程配置
单击“编辑”,可给接口添加业务权限凭证。 预览测试接口。 在自定义接口列表中,单击接口所在行的,预览接口。 若为公共接口,支持查看接口参数并进行在线测试。若为私有接口,只可查看接口的入参和出参。 单击接口URL后的,可查看接口的参数。 若为公共接口,单击“测试一下”,填写输入参数,单击
码包应用。 卸载应用 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 应用导航”。 在应用程序列表中,单击待卸载源码包应用后的,删除应用。 父主题: 应用管理
AstroZero低代码使用流程 AstroZero低代码平台实现了一种全新的开发方式。通过平台提供的界面、逻辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的应用开发构建体验。在使用AstroZero前,建议您先学习本章节内容,了解AstroZero的使用流程。
数据,并收集数据的工具,如图2。一个应用中,可以创建一个或多个表单,一个表单管理一类数据,多个表单共同组成了一个应用。 在AstroZero零代码平台中,数据的收集和录入都需要对应的工作表。例如,组织问卷调查、预订会议室、填写财务报销、订餐、健康防疫打卡、在线投票等,都可以通过表单来实现。
is', error); }); }); } }); 设置工具栏区域。 在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块”中“工具栏”后的“添加”按钮。 图13 增加工具栏 只保留“新增行”按钮,删除其他工具栏中多余的按钮(单击选中待删除按钮,鼠标右键单击,请确认已
管理应用中的消息接入 AstroZero提供的消息接入功能,可帮助您快速构建数据接入规则并标准化事件的简单工具。消息接入是从开发环境中打包发布后同步到运行环境中的,在运行环境中,只能修改接入数据,不能新建数据接入。如何新建消息接入,请参见通过数据接入将消息类数据接入AstroZero。
数据绑定 > 值绑定”中,单击。 选中2中创建的模型,单击“确定”。 图16 选择模型 添加工具栏。 选中表格组件,在“属性 > 表格区块”中,单击工具栏后的“添加”,添加一个工具栏。 图17 添加工具栏 在扩展属性中,开启“可编辑”。 图18 开启可编辑 将demoName、demoId列设为可编辑。
在开发环境中,安装资产包应用后,可在开发环境首页的“库”中查看,且只能用于查看参考,不支持编辑。 在沙箱环境、运行环境中,安装资产包应用后,可在管理中心的“应用管理 > 应用程序列表”中查看。 应用编译打包类型及区别,请参见应用打包发布和导入导出应用源码包。 如何在开发环境对已安装的源码包(导入方式)进行二次开发 如
置的客户端证书,证书需要向第三方服务申请。目前Rest服务支持配置P12和CRT格式的证书,其他格式需要通过keytool或openssl工具转换。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 在左侧列表中,单击,选择“HTTP > Rest服务”。 在新建或修改Rest服务时,设置鉴权信息。
动作是响应事件后,按照设定的方式,对事件做出回应(如页面跳转)。例如,用户在网页上单击一个按钮,通过显示一个信息框来响应这个动作。 本章节将向您介绍低代码平台预置的常用事件及动作,以及在高级页面中如何为组件配置事件。 初识事件-动作 查看组件可配置事件列表。 以雷达图组件为例,在画布中拖入并选中雷达图组件