检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
实现不加载组件库资源? 问题描述 在开发环境编排页面时,不需要加载依赖库。 解决方法 参考登录经典应用设计器操作,进入应用经典版设计器。 在应用设计器菜单栏下方,单击“页面设置”。 图1 选择页面设置 选择“资源”页签,在不需要加载的库资源所在行,单击,将“开发页面不加载”开关打开。
在“requires”里增加库文件时,需要注意某些库文件之间有依赖关系,增加库文件需要有先后顺序,例如“global_VueI18n”是基于“global_Vue”的,需要写在“global_Vue”之后。依赖关系的详细介绍,请参见如何引入第三方库。 在“widget_demo_i18n.js”的re
表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。
用库。 制作第三方库文件压缩包。 单击fetch.zip,下载示例库文件包,示例文件中包含需要引入的JS文件和一个元数据描述文件,如图2所示。 图2 示例库文件 其中,packageinfo.json是元数据描述文件,上传的第三方库文件中都必须包含此文件,文件内的结构如下图3所示。
b.done); 当main加载a时,a又加载b。 此时,b又会尝试去加载a。 为了防止无限的循环,会返回一个a的exports对象的未完成的副本给b模块。然后b完成加载,并将exports对象提供给a模块。当main加载这两个模块时,它们都已完成加载,因此该程序的输出会是: main
JS文件和一个元数据描述文件,如图2示例库文件所示。 图2 示例库文件 其中,packageinfo.json是元数据描述文件,上传的第三方库文件中都必须包含此文件,文件内的结构如下图3元数据文件所示。 图3 元数据文件 在租户级别下,上传第三方库。 参考登录经典应用设计器中操作,进入经典版应用设计器。
必须以英文字母开头,只能由英文字母,数字和下划线组成,且不能以下划线结尾。 docModel 在“配置”页签,设置模板文件的存储位置,单击“保存”。 图5 设置文件存储 表3 文件存储参数说明 参数 说明 示例 连接器类型 文件存储的连接器类型,当前仅支持“OBS”和“MINIO”两种。在AtroZero中,通过
text/plain”。 支持文件类型:支持的文件类型,与“过滤文件类型”不同的是,该参数是识别文件的后缀名,“过滤文件类型”为原生的属性,会在选择文件时过滤,可以两者结合使用。 支持多文件:文件是否支持多选。 自定义文件名:上传单个文件时,可自定义上传的文件名。 同名处理:防止同名文件覆盖,同名文
获取endpoint,即文件存储地址的前缀 endpoint为文件存储地址的前缀,该前缀加上传对象的路径,是实际访问对象的全路径。上传文件返回的是上传文件在桶上的路径。通过调用本节接口,返回endpoint,组装起来才是文件完整的访问地址。 URI GET AstroZero域名
zip”,请解压该包。 修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件,整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router( Vue.js官方的路由管理器)开发的,请参考Vue
返回目录的文件列表,列表中元素字段含义如下: name:文件名或目录路径。 isDir:是否为目录。 size:文件大小。 请求示例 已创建好OBS类型连接器,连接器实例名称为“命名空间__TestOBS”,执行如下请求,列举OBS桶中“a/b/c”路径下文件,起始文件为“1.txt”。
在AstroZero高级页面中,如何实现所有组件都加载完成后,再执行某段逻辑? 问题描述 高级页面开发中,需要在所有组件都加载完成后,再执行某段逻辑,该如何处理? 解决方法 可通过绑定readerPageWidgetReady事件实现,代码示例如下: $(document).bi
如何通过AstroZero脚本,导出xls文件让用户下载? 问题描述 AstroZero提供了“excel”脚本标准库,用于操作Excel文件,例如生成Excel文件。由于AstroZero脚本编排的标准输出格式是JSON,因此这里需要做一些特殊处理,让系统生成非JSON数据才能实现xlsx文件导出。 操作步骤
zip可直接下载使用。如果想要了解自定义登录组件的开发方法,可参考本步骤执行。示例中的userLogin.zip包为vue2架构的,使用前请参考关闭Vue3框架渲染组件开关中操作,将页面组件的渲染框架切换回Vue2。 在AstroZero服务控制台的主页中,单击“进入首页”,进入AstroZero应用开发页面。
多个字段名称相同时,请手动选择映射关系。 导入表单数据文件 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 在应用开发页面,选择左侧某一表单页面,单击“导入”。 在弹出的数据导入页面,选择需要导入的文件或拖拽文件到页面中,单击“下一步”。
导出表单数据文件 当需要导出表单填报数据时,支持根据筛选条件导出数据或者导出全部数据。 设置筛选条件导出部分数据 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击对应的应用,进入应用开发页面。 在应用开发页面,选择左侧某一表单页面。 参考图1设
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OBS后,可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
在AstroZero脚本中,如何返回zip压缩文件内容? 返回zip压缩文件内容脚本示例如下: import * as zip from 'zip' import * as buffer from 'buffer' import * as text from 'text'; import
如何通过JS代码,实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码,可以不使用事件编排器中的内置动作,直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时,进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。
验。 错误信息:正则表达式校验失败时,提示的错误信息。 自定义校验:是否进行自定义校验,打开后需要设置校验JS代码。当输入框在表单组件中,该设置才会生效。 校验方法:输入JS代码定义校验规则,代码的返回值必须为布尔类型或者对象类型。 布尔类型:返回为“false”表示未通过校验,