检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
zip)”,选择6中的商品列表组件包commodityListWidget.zip,输入发行说明为“commodityListWidget”,单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的,而系统是默认开启Vue3框架渲染组件的,所以您需
应用安装后允许查看代码:在环境上作为资产安装时,可以通过应用设计器查看安装后的应用代码,但不可编辑。 在出厂数据中,设置应用打包时一起发布的数据,单击“下一步”。 应用打包时,支持按照对象名称打包。单击“添加对象”,可设置数据导出条件。选择对象后,在应用打包时,会将该对象的满足条件的数
中获取的Secret Access Key值。 内容分发网络:CDN服务器的地址。配置后,后续访问上传的静态资源时,可不用登录OBS,直接通过CDN访问到静态资源。 描述:连接器的描述信息。 打包当前配置:默认为选中,对信息敏感的场景,建议不勾选。 选中该选项后,应用打包时会将当
应用开发完成后需要打包编译,如果编译包类型为源码包,源码包的内容即是应用代码。归档内容主要包括编译后的对象、页面、服务编排、脚本等组件,您可以参考以下方式编译打包并下载归档应用代码。 操作步骤 参考如何导出源码包中操作,将应用编译为源码包。 将源码包发布到“我的仓库”。 应用的源码包编
选择已创建好的zip包,设置库的基本信息,单击“提交”。 表1 上传新库参数说明 参数 参数说明 名字 自定义库的名称。 上传图标 库的显示图标。 上传源文件 单击“上传”,选择1中的库文件包。 库ID 上传库的ID,由字母及数字组成,且必须以字母开头。 分类 库所属的分类。 库类型
在组件列表中,查找到待更新的自定义组件。 图1 查找待更新组件 单击待更新的组件,进入组件详情页。 图2 组件详情页 更新组件。 方式一:通过组件源码包更新 在组件详情页中,单击“更新”,上传最新的组件源码压缩包。 将开发完成的组件,压缩成后缀为.zip类型的压缩包。 在组件详情页面,单击“更新”,进入更新组件页面。
轻应用或行业应用开发完成后,应用需要编译打包,这种编译后的压缩包即应用包。 应用包类型 在AstroZero中,编译打包的应用包类型有以下两种: 源码包:该类型包中的所有组件,都不受保护和限制。在其他环境安装后可编辑包中组件,即在原有基础上可进行再开发。若后续其他用户在开发环境安装后,会显示在开发环境首页的“项目”页签下。
若发布BO,编译设置的是源码包,在上层应用中导入BO时,可在“Internal dependencies”中进行导入。导入后,在打包上层应用时,“Internal dependencies”中的资产也会随应用打包发布出去。 图1 选择BO服务 在“添加BO”页面,选择待导入的BO,单击“添加”,导入BO。
选项列表用于定义对象的字段可选用的值,类似于定义下拉列表的一组枚举值。 本节介绍的是如何在管理中心配置选项列表,用户还可以在应用开发工作台中配置选项列表(相关操作请参考自定义选项列表)。两者的区别是在应用开发工作台中配置的选项列表,可在打包发布应用时,将选项列表一起打包发布出去。例如将
库”。 单击“提交新库”,输入库的基本信息,单击“上传”选择刚创建的zip压缩包,单击“提交”。 表1 上传新库参数说明 参数 参数说明 名字 自定义库的名称。 上传图标 库的显示图标。 上传源文件 单击“上传”,选择1中的库文件包。 库ID 上传库的ID,由字母及数字组成,且必须以字母开头。
在组件列表中,查找到待更新的自定义组件。 图1 查找待更新组件 单击待更新的组件,进入组件详情页。 图2 组件详情页 更新组件。 方式一:通过组件源码包更新 在组件详情页中,单击“更新”,上传最新的组件源码压缩包。 将开发完成的组件,压缩成后缀为.zip类型的压缩包。 在组件详情页面,单击“更新”,进入更新组件页面。
editor.js”的“propertiesConfig”中,定义Widget属性,包含属性的类型、名称和在界面展示的标签名。 如下加粗代码所示,“widget_demo_property.editor.js”中分别定义了text、 checkbox以及select类型的三个属性参数。
改包中的内容。 应用安装后允许查看代码:在环境上作为资产安装时,可以通过应用设计器查看安装后的应用代码,但不可编辑。 在出厂数据中,设置应用打包时一起发布的数据,单击“下一步”。 应用打包时,支持按照对象名称打包。单击“添加对象”,可设置数据导出条件。选择对象后,在应用打包时,会
获取endpoint,即文件存储地址的前缀 endpoint为文件存储地址的前缀,该前缀加上传对象的路径,是实际访问对象的全路径。上传文件返回的是上传文件在桶上的路径。通过调用本节接口,返回endpoint,组装起来才是文件完整的访问地址。 URI GET AstroZero域名
资源延迟加载:勾选后,在body标签中加载资源。 包含HTML5的DOCTYPE标签:勾选后,在发布后的页面中包含HTML5的DOCTYPE标签。 启用页面默认加载效果:勾选后,在发布页面时启用页面加载效果。 是否可匿名访问:勾选后,运行时访问此应用页面,如果请求携带的token超时或不属于
地址:Redis提供服务的URL地址。每个地址占一行,集群模式下至少填写两个地址。 密码:连接Redis的密码。 打包当前配置:默认为选中,对信息敏感的场景,建议不勾选。 选中该选项后,应用打包时会将当前配置的连接器信息一并打出。例如,如果应用包发布到运行环境,当前配置默认会被同步到运行环境中。
面包屑组件用于显示网站的层级结构,告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性,如隐藏、样式、跳转等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 图2 单击添加图标
从本地上传,也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。
设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。