检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如,视区(屏幕或浏览器可视区域)由宽变窄过程中,呈现出多终端适配的响应式效果,商品单行个数逐渐由五列变为一列。
什么是适配多终端 当用户开发的高级页面应用于多种设备时,如何才能保证在不同大小的设备上,能够呈现同样的网页?为此,低代码平台提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局,并为绝对布局提供“拉伸”功能辅助自适应。另外,为确保自定义组件能够自适应不同分辨率设备,在
删除文件 功能介绍 从存储中删除无用的文件。 URI DELETE AstroZero域名/u-route/baas/sys/v1.1/connectors/{connector_type}/{connector_name}/delobject?object=X 表1 路径参数 参数
String 参数解释: 待上传文件所在桶里的全路径,包含文件名、文件类型、上传到桶里的路径。不携带路径时,表示上传到桶的根目录下。 例如:取值为“a/b/c/1.txt”,表示将文件“1.txt”上传到桶的“a/b/c”路径下。如果桶中不存在该路径,会创建该路径。 约束限制: 不涉及。
如何适配多终端 什么是适配多终端 适配多终端样例 父主题: 高级页面
获取endpoint,即文件存储地址的前缀 endpoint为文件存储地址的前缀,该前缀加上传对象的路径,是实际访问对象的全路径。上传文件返回的是上传文件在桶上的路径。通过调用本节接口,返回endpoint,组装起来才是文件完整的访问地址。 URI GET AstroZero域名
Range 否 String 参数解释: 查看文件内容的范围。 示例:取值“bytes=0-”,表示返回全部字节文件内容。 约束限制: 不涉及。 取值范围: 不涉及。 默认取值: 不填写,表示返回全部文件内容。 响应参数 只返回文件内容。 请求示例 已创建好OBS类型连接器,连接
面适配多终端的重要前提。下面以开发一个满足响应式布局的商品列表组件为例,向您介绍如何适配多终端。 商品列表组件可以应用于不同分辨率的手机端和电脑端,组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。如图1中呈现的效果,屏幕或浏览器可视区域由宽变窄过程中,呈现出多终端适配的响应
可将其设置为默认筛选器。 图3 设置为默认筛选器 单击导出后的,选择“导出文件 > 筛选后的文件”。 图4 导出筛选后的数据 在导出文件页面,选择待导出的附件字段,单击“确定”。 导出附件字段的全部文件 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OBS后,可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
返回目录的文件列表,列表中元素字段含义如下: name:文件名或目录路径。 isDir:是否为目录。 size:文件大小。 请求示例 已创建好OBS类型连接器,连接器实例名称为“命名空间__TestOBS”,执行如下请求,列举OBS桶中“a/b/c”路径下文件,起始文件为“1.txt”。
必须以英文字母开头,只能由英文字母,数字和下划线组成,且不能以下划线结尾。 docModel 在“配置”页签,设置模板文件的存储位置,单击“保存”。 图4 设置文件存储 表2 文件存储参数说明 参数 说明 示例 连接器类型 文件存储的连接器类型,当前仅支持“OBS”和“MINIO”两种。在AtroZero中,通过
在AstroZero组件库中,部分组件在组件详情页看不到更新和编辑入口 问题描述 在组件详情页面,找不到组件更新和编辑的入口,如图1所示。 图1 没有更新和编辑入口 解决方法 找不到组件更新和编辑入口,是因为这些组件是通过安装资产包类型的应用产生的组件,组件受保护,因此没有更新和编辑入口。
在弹出的数据导入页面,选择需要导入的文件或拖拽文件到页面中,单击“下一步”。 为确保导入数据的准确性,请按照以下规则进行导入: 请按照平台提供的标准表单模板在模板内录入数据,只导入第一张表单。 修改表头将有可能导致导入失败。 单个文件最大不能超过10M。 表格列数不能超过200列,数据不能超过10000行。
在AstroZero脚本中,如何返回zip压缩文件内容? 返回zip压缩文件内容脚本示例如下: import * as zip from 'zip' import * as buffer from 'buffer' import * as text from 'text'; import
如何通过AstroZero脚本,导出xls文件让用户下载? 问题描述 AstroZero提供了“excel”脚本标准库,用于操作Excel文件,例如生成Excel文件。由于AstroZero脚本编排的标准输出格式是JSON,因此这里需要做一些特殊处理,让系统生成非JSON数据才能实现xlsx文件导出。 操作步骤
导出表单数据文件 当需要导出表单填报数据时,支持根据筛选条件导出数据或者导出全部数据。 设置筛选条件导出部分数据 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 在应用开发页面,选择左侧某一表单页面。 参考图1设
在“属性”页签,可配置站点属性。 站点设置 合并并压缩资源:勾选后,在发布该应用时,对应用中所有高级页面涉及的css和js文件进行合并及压缩,这样可以有效降低运行时服务器压力,但从终端浏览器首次访问该站点页面时,访问时间会稍微增加。 资源延迟加载:勾选后,在body标签中加载资源。 包含HTM
存在或未启用。 图1 编译界面 解决方法 检查该服务编排是否已启用,若未启用,请单击启用图标。 图2 启用服务编排 若在应用开发工作台查找不到该服务编排,可参考图3,在资产库中查找并启用。 图3 资产库中启用 若该服务编排已废弃被删除,则单击图1中的“查看依赖”,打开“依赖”界面
在AstroZero中自定义高级页面组件(widget)时,修改了JS文件,修改部分不生效? 问题描述 修改自定义组件widget的JS文件后,修改部分未生效。 解决方法 自定义组件(widget)上传新的版本后,需要在“页面设置”中,对插件进行升级更新。升级后,js文件才能生效。 参考登录经典应用设计器操作,进入应用经典版设计器。