检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
视频播放 视频播放组件用于播放视频，支持MP4、OGV和WebM格式。 在标准页面设计界面，从“基本组件 > 高级”中，拖拽“视频播放”组件至页面工作区域，如图1。 图1 视频播放 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型
设置AstroZero标准页面视频播放组件属性 在标准页面中，使用视频组件来进行视频播放，支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue
在AstroZero中自定义高级页面组件（widget）时，修改了JS文件，修改部分不生效？ 问题描述 修改自定义组件widget的JS文件后，修改部分未生效。 解决方法 自定义组件（widget）上传新的版本后，需要在“页面设置”中，对插件进行升级更新。升级后，js文件才能生效。
如何通过JS代码，实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码，可以不使用事件编排器中的内置动作，直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时，进行代码联想提示，并封装了一些常用功能的接口，并将其中典型接口做成模板，供您直接使用。
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
在AstroZero标准页面中，如何调用服务编排或脚本？ 方式一：通过编辑事件实现 在标准页面的事件编排中，在具体的动作上“自定义JS代码”中编写相关代码，以实现页面组件与后台接口（服务编排或脚本）之间的交互。 下面以通过编辑事件，定义JS代码，来实现页面组件与后台接口（服务编排或脚本
高级页面中预置的API 在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表
（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate
事件编排器说明 使用说明 通过系统预置的事件编排器，或者直接通过定义JS代码，来实现页面组件与后台接口之间的交互。 编排事件入口 在标准页面开发界面，选中对应的组件。在右侧“事件”页签，单击，即可进入事件编排器页面。单击已有事件后的，可编辑已有事件。 在事件编排器页面，可以通过内置动作编排事件或通过自定义
脚本的模块使用限制 模块管理 TypeScript执行引擎没有自带模块管理，嵌入引擎时，需要开发人员手动引用。 模块管理机制类似Node.js，但因为平台是基于数据库存放脚本，没有目录与路径的概念，所以下面的module管理只是一个简化版本的Node.js模块管理，也不支持npm的整套机制
如何自定义组件属性 场景描述 本章节主要介绍，如何给Widget自定义属性以及如何在页面的Widget中，使用该属性值。单击链接，获取Widget样例包“widget_demo_property.zip”。 自定义Widget属性效果，如图1所示。 图1 自定义Widget属性 操作步骤
配置高级页面组件桥接器实例属性时，如何设置下拉框中的选项值？ 问题描述 配置组件“数据”页签的桥接器实例属性时，下拉框中的选项来源是哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器
为AstroZero高级页面添加组件 高级页面组件分类 高级页面支持的组件类型，以及每个类型下所包含的具体组件，如表1所示。通过该表，可帮助您快速了解各组件的位置分类，更加高效的开发高级页面。当预置组件不满足需求时，还可以自定义组件并上传到高级页面中使用，详情请参见为AstroZero
如何检查页面性能 使用说明 低代码平台支持检查高级页面性能，生成性能报告页，供开发者查看。 操作步骤 确认高级页面属性开关“合并并压缩资源”已关闭。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在应用设计器下方，选择“页面设置”。 获取锁后，在“属性”页签，去勾选“合并并压缩资源
设置布局与颜色 使用说明 应用布局是应用界面的框架，本章节介绍如何更改框架的样式和颜色。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“配置”，进入应用配置页面。 在“布局与颜色
设置页面 使用说明 通过本章节的学习，您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“页面设置”。 应用创建后，该应用站点默认处于被解锁状态
设置AstroZero高级页面轮播组件属性 轮播是媒体组件的一种，用于循环播放多张图片，可实现多图片的切换和对应事件。 图1 设置轮播组件属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离
设置AstroZero中已开发应用的布局 业务配置中心的“应用配置”中，显示了当前登录用户具有可见权限的应用。按照应用类型分为App、BO和Addon应用三个类型，供您查看和管理这些应用的运营配置、流程和触发器等。应用运营配置是指开发应用时在“运营配置”中定义的内容，包括系统参数、
添加库扩展AstroZero标准页面功能 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时，需要依赖的库，如果缺少相应的依赖库
如何引入第三方库 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时，需要依赖的库，若缺少相应的依赖库，则页面中无法实现某些功能
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
