华为云ASTRO轻应用-在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转:功能实现方法

时间:2025-03-03 11:34:58

功能实现方法

  1. 创建一个低代码应用。

    1. 参考授权用户使用华为云Astro轻应用并购买实例中操作,申请华为云Astro轻应用免费试用或购买商业实例。
    2. 实例购买后,在华为云Astro轻应用服务控制台的“主页”中,单击“进入首页”,进入应用开发页面。
    3. “应用”中,单击“新建低代码应用”或单击,进入新建低代码应用页面。
    4. 在新建低代码应用页面,应用类型选择“标准应用”,单击“确定”
    5. 输入应用的标签和名称,单击“新建”,即可进入应用设计器。
      图2 创建一个空白应用
      表1 新建空白应用参数说明

      参数

      说明

      示例

      标签

      新建应用的标签,长度不能超过80个字符。标签是应用在系统中的唯一标识,创建后不支持修改。

      我的第一个应用

      名称

      新建应用的名称,输入标签值后单击该参数的输入框,系统会自动生成应用的名称,同时自动在名称前,添加命名空间__。命名要求如下:

      • 长度不能超过31个字符,包括前缀命名空间的长度。

        名称前的内容为命名空间,在华为云Astro轻应用中为了避免不同租户间数据的重名,租户在首次创建应用时需要先定义一个命名空间。一个租户只能创建一个命名空间,创建后不支持修改。

      • 必须以英文字母开头,只能由英文字母、数字或单下划线组成,且不允许以下划线结尾。

      A

  2. 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
  3. 单击,拖拽轮播组件到右侧画布中。

    图3 拖入轮播组件

  4. 在轮播组件上,单击右键选择“高级设置”
  5. 单击“轮播设置”,根据个人实际需求,设置轮播方向、图片播放时间间隔等。

    图4 选择轮播设置
    图5 轮播设置

  6. 新增轮播图片并设置URL跳转。

    1. 再次选中轮播组件,单击右键选择“高级设置”,选择“图片管理”
      图6 选择图片管理
    2. 单击“添加”,选中所需的图片,单击“保存”
    3. 选中已添加的图片,在右侧图片设置中,单击链接后的
    4. 设置跳转的URL地址,单击“确定”
      图7 设置链接

  7. 单击“确定”,返回高级页面。
  8. 单击,保存高级页面,保存成功后单击,发布高级页面。
  9. 发布成功后,单击,预览效果。
support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0016.html