检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作
/mypage 此地址即为下一步需要访问的高级页面地址。 在无痕模式下,访问高级页面(即上一步改造后的地址)。 因高级页面中的跳转事件,访问高级页面时,将直接跳转至标准页面,在页面中提交打卡信息,验证页面功能。 图19 访问高级页面,验证页面功能 操作步骤(经典版) 使用应用模板快速创建一个应用及标准页面。
在左侧导航栏中,选择“系统管理 > 域名配置”。 在右侧域名配置区域,单击“默认域名”后的“编辑”,设置默认域名,单击“保存”。 图1 设置域名 域名设置完成后,将域名分享给业务用户,业务用户在浏览器中输入域名,即可访问业务应用的登录页。 应用可见设置,支持一个运行环境同时部署面向不同用户类型的多个应用,不同的应用的登录入口都不相同。
设置AstroZero系统域名 AstroZero支持配置当前环境针对不同应用的访问域名,提供给不同的业务用户访问。平台为当前环境分配了一个默认域名,用于企业成员用户登录访问。 约束与限制 只有开通AstroZero服务的账号,才可以管理域名配置。 编辑域名配置 账号登录AstroZero
请确保自定义的登录页已用高级页面形式开发好,并发布。 业务用户登录低代码应用 业务用户获取编辑默认域名中的子域名。 在浏览器中输入子域名,进入应用的登录页。 输入为AstroZero开发的应用创建业务用户中创建的业务用户账号和密码,单击“登录”。 业务用户首次登录需要重置密码,
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法
表格边框:设置表格的边框样式,支持显示完整边框、显示默认边框、显示外边框等。 文字对齐方式:表格中,文字整体的对齐方式。 使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关
跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式,可选项包含当前浏览器窗口打开或新窗口打开。
包含HTML5的DOCTYPE标签:勾选后,在发布后的页面中包含HTML5的DOCTYPE标签。 启用页面默认加载效果:勾选后,在发布页面时启用页面加载效果。 是否可匿名访问:勾选后,运行时访问此应用页面,如果请求携带的token超时或不属于当前租户,会自动刷新匿名访问token。
如果成功状态,通常会返回“Success”,其他情况会返回具体的错误信息。 result Array 参数解释: 成功返回会返回所有标准页面信息,以一个列表展示,每个值是一个标准页面。 请求示例 查询标准页面列表。 GET https://AstroZero域名/u-route/baas/metadata/v1
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现,将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时,绑定的属性也随即发生变化,实现了组件之间的交互。 数据绑定方式 在标准页面开发界面,选中任意组件,在右侧“属性”页签进行数据绑定。
在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 在设计页面左上方单击,从“自定义”组件中拖拽3中的组件至右侧空白页面。 选中该组件,会在右侧显示该组件的属性配置面板。
低代码平台定义的注册动作的API,只有通过此API注册后的动作,才会在组件的动作列表中展现。 thisObj:当前组件实例对象,指为该组件注册动作。 "actionName":动作名称。 "Action Label":动作标签名,在动作列表中展示的动作标题。 []:事件触发时传入的参数。
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
在左侧导航栏中,选择“全局元素 > 页面资产管理 > 页面模板”,可查看到当前环境该账号下已有的高级页面模板。 在页面模板列表中,单击具体页面模板后的,可预览相应的页面模板。 单击,在弹出的对话框中单击“确认”,即可删除相应的页面模板。 父主题: 管理应用中的页面资源
te,单击Page1页面中的OK按钮,输入框中的数据会通过页面宏传递给Page2。 图1 页面间组件交互场景示例 页面间的组件交互原理如下图所示,在配置事件时,选择“默认”类别中的页面跳转,并通过新增动作参数将事件的参数传给页面宏,在跳转的目标页面中读取页面宏数据。 图2 Page传值原理
标准页面中预置的API 在开发标准页面时,可以通过编写JS代码,来实现页面组件与后台接口之间的交互。如图1所示,在编写JS代码时,可直接使用系统预置的API。 系统预置的API代码结构样例如下,提供事件上下文context,用于封装常用的对象及API。 context ├──$app
如果成功状态,通常会返回“Success”,其他情况会返回具体的错误信息。 result Object 参数解释: 成功返回标准页面的详细信息。 请求示例 按照标准页面ID“003g000001DHkGa4LkkC”查询该应用详细信息。 GET https://AstroZero域名/u-route/baas/metadata/v1
参考授权用户使用AstroZero并购买实例中操作,申请AstroZero免费试用或购买商业实例。 实例购买后,在AstroZero服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。 在“应用”中,单击“新建低代码应用”或单击,进入新建低代码应用页面。 在新建低代码应用页面,应用类型选择“标准应用”,单击“确定”。
表格边框:设置表格的边框样式,支持显示完整边框、显示默认边框、显示外边框等。 文字对齐方式:表格中,文字整体的对齐方式。 使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关