检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用华为云Ast
器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。 图1 商品列表组件的响应式设计 操作步骤 参考在线开发高级组件中操作，下载组件模板widgetVueTemplate（组件名称设置为“commodityListWidget”）。 您也可以
若需要检查软件包中对象属性变更情况时，请勾选“检查软件包中对象属性变更情况”，单击“检查并安装”。 图10 安装软件包 勾选“检查软件包中对象属性变更情况”，安装前会检查软件包中的对象属性变更情况。对象属性变更可能引起环境中某些对象记录内容的变化，默认不勾选。 （可选）在“属性变更”页面，查看
分页 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“分页”组件至页面工作区域，如图1。 图1 分页 查看组件帮助
软件包安装”。 在软件包安装页面，单击“新建”。 将待安装的原生服务安装包拖拽到对应位置，单击“安装”。 若需要检查软件包中对象属性变更情况时，请勾选“检查软件包中对象属性变更情况”，单击“检查并安装”。 在弹出的是否立即注册安装原生服务的提示框中，根据需要选择是否立即注册原生服务。 注册原生服务
设置华为云Astro轻应用标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据
专享版：提供了500个、2000个和5000个用户数（包括业务用户）供选择。 变更实例 表2 变更实例约束与限制 限制项 约束与限制 变更华为云Astro轻应用实例规格/类型 建议在业务低峰期变更实例，业务高峰期变更实例可能会失败。 免费版实例不支持升级规格。 标准版可以升级到专业版。
默认折叠菜单：勾选后，应用中的菜单项将会被折叠显示。 切换菜单时记录浏览器历史：勾选后，切换菜单时会记录在浏览器历史中。 是否全屏：是否全屏显示页面，全屏后会折叠左侧菜单。 隐藏国际化按钮：勾选后，应用左上方的语言选择按钮将会被隐藏。 图3 未勾选效果 禁止应用切换：禁用后，在运行态Portal中，
单选按钮：用于一组可选项的单项选择，或者切换某个选项的选中状态，以实现从一组互斥的选项组中选择一项。 下拉框：使用下拉菜单，展示并选择内容。 级联选择框：从一组相关的数据集合中进行选择，和下拉框相比，可一次性完成选择，体验更好。 开关：在两种状态间切换时用到的开关选择器。 上传：文件选
不是内部或外部命令也不是可运行的程序或批处理文件”。 在命令行窗口执行命令“yarn global bin”，查看用yarn安装的全局命令的目录，切换到该目录。 在上一步切换后的目录下搜索“magno.cmd”文件，确认该文件所在目录。 将“magno.cmd”文件所在目录添加到电脑环境变量的“path”变量中。
百分比：允许用户输入百分比数字（例如"10"），并自动向数字添加百分号。 电话：允许用户输入任何电话号码，系统会自动将其转换为电话号码格式。 币种金额：允许用户输入其他币种金额，并将字段自动转换为币种金额格式。此功能在将数据导出到Excel或其它电子表格时非常有用。 日期：允许用户输入日期或从弹出式日历中选择日期。
打开“运行时设置”开关，表示单独执行构建任务时支持变更参数值，并且也会把该参数上报流水线。 状态为“已使用”，记录参数已被使用。 packageName 发布后包的名称。 字符串类型参数。 需要自定义默认值，取值为发布后包的名称。 不是私密参数。 打开“运行时设置”开关，表示单独执行构建任务时支持变更参数值，并且也会把该参数上报流水线。
是否必填。 描述 新建结构体的描述信息，建议配置为结构体的功能。 JSON导入：为了方便结构体字段的创建，支持单击“JSON导入”，从样例JSON转换为结构体的元数据。 支持增量导入和覆盖导入两种方式，增量导入是指保留现有内容，在现有内容中增加新内容，覆盖导入是指使用新内容替换现有内容。
为对象添加数据 新建对象模型。 在应用设计器中，选择“界面”，单击页面后的“+”，新建一个标准页面。 在标准页面底部，单击“模型视图”，从设计视图切换到模型视图。 单击“新增模型”，输入模型名称（如urlMod）、“来源”选择“对象”，单击“下一步”。 图6 新建模型 选择3中创建的对象和添加的字段，单击“下一步”。
设置华为云Astro轻应用代码仓库 配置整个账号的代码仓库（华为云 CodeArts Repo）后，账号开发的应用元数据可以同步到代码仓库，提供历史变更记录、对比等版本管理能力。 约束与限制 仅支持在华为云Astro轻应用的开发环境中，设置租户级代码仓。 设置租户级代码仓 在华为云Astr
标准页面：标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用华为云Astro轻应用提供的标准页面。
华为云Astro轻应用标准版实例规格说明，详细介绍请参见产品规格差异。 购买时长 设置实例的购买时长，最短1个月，最长3年。 选择支付方式，单击“去在线支付”，完成订单支付。 图2 支付订单 订单支付成功后，单击“返回Astro轻应用控制台”，即可进入华为云Astro轻应用服务控制台。 标
必须以英文字母开头，只能由英文字母，数字和单下划线组成，且不能以下划线结尾。 page01 在标准页面的底部，单击“模型视图”，从设计视图切换到模型视图。 图13 单击模型视图 单击“新增模型”，输入模型名称（如demo）、“来源”选择“对象”，单击“下一步”。 图14 新建模型
Condition：按条件，查询对象数据。 方法 映射后调用的方法名，如GET（查询）、PUT（增加）、POST（修改）和DELETE（删除）。 接口创建完成后，支持在线测试。 在应用设计器的导航栏中，选择“集成”。 在开放接口中，将鼠标放在对应的接口上，单击，选择“查看”，进入接口预览页面。 在接口预览页面，单击URL后的。
、丰富组件的功能。 在华为云Astro轻应用高级页面中使用轮播组件实现图片展示和URL跳转 高级页面中的轮播组件主要用于多个图片的自动循环切换，您也可以为图片添加超链接，即单击图片，跳转到指定的网站。本实践向您介绍，如何为轮播组件中图片添加一个超链接，跳转到华为云Astro轻应用帮助文档。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
