检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用Scaffolding本地开发Vue3高级页面组件 为了提升组件开发、调测效率，华为云Astro轻应用平台提供了一款脚手架工具Scaffolding，通过此工具创建本地资产工程，可帮助您快捷实现组件的新建、本地开发、调试、预览、发布、下载等主要功能。 本章节将为您介绍Scaffolding
表单 表单是一个组合组件，即可以直接绑定对象模型，构建基础表单能力，如保存、重置、查询（通过事件编排调用“getFormData”方法）。也可以在空表单中，添加其他可以绑定模型字段的组件，如输入框，下拉框等，以完成数据交互功能。 在标准页面设计界面，从“基本组件”中，拖拽“表单”组件至页面工作区域
对接API Explorer获取云服务API元数据信息 操作场景 API Explorer是华为云为开发者提供的一站式API解决方案的统一平台，集成华为云云服务开放API，支持全量快速检索、可视化调试、帮助文档，帮助开发者快速查找、学习API和定位修复错误。 华为云Astro轻应用通过对接
业务用户登录页前台开发实施步骤 业务用户在前台登录时，需要先在线下开发一个登录组件，上传到高级页面，并在高级页面中配置组件桥接器中的数据。最后在页面中，输入登录账号密码，通过调用“用户登录服务编排”，实现“业务用户”页面登录功能。 本文以“A”应用为例，介绍如何开发登录页面，具体流程如图
如何调测前台页面 使用说明 在高级页面开发过程中，常需要调测自定义组件或整个前台页面，本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试，AstroZero提供Scaffolding脚手架工具，可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位
设置华为云Astro轻应用标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表（派单员）”页面相比，大致功能一致，仅多了一个创建工单功能，和操作列中的删除按钮。因为两个页面很相似，所以为了快速创建，将通过“工单列表（派单员）”页面另存一个页面，然后再改造这个另存后的页面成为“管理员管理工单”页面。 “
使用华为云Astro轻应用为组件配置中英文语言属性 期望实现效果 为组件配置多语言属性，实现组件在不同语种环境下都可正常显示。在华为云Astro轻应用中对组件进行国际化配置，主要是修改国际化资源文件（i18n）。下面以为组件widget_demo_i18n配置中文和英文两种语言属性为例
华为云Astro轻应用标准页面概述 什么是标准页面 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面
设置华为云Astro轻应用标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果
标准页面布局 标准页面的布局设置一般有以下3种场景： 基础布局设置：适合对CSS与HTML不是非常了解的用户，通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对有丰富前端开发经验的用户
表格（新） 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于表格（新）中的表格组件来说，更适用于移动端，但是不支持展示树形结构。当表格中的数据有父子关系，需要展示出树形结构时，还是需要选用表格
设置华为云Astro轻应用标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法
设置华为云Astro轻应用标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联
设置华为云Astro轻应用标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码，用户通过微信或支付宝扫描二维码，可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
如何将应用发布到“我的仓库” 使用说明 编译应用包时，如果是资产包，可以选择发布到“我的仓库”。如果是源码包，则默认发布到“我的仓库”，请根据不同的场景，选择不同的发布方式发布应用。 操作步骤 参考登录经典应用设计器中操作，登录经典版设计器。 （可选）在应用开发页面左侧，单击，选择
设置华为云Astro轻应用标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果
设置华为云Astro轻应用标准页面列表视图组件属性 列表视图是一个组合组件，可以灵活组合列表项的内容，并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，
设置华为云Astro轻应用标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置华为云Astro轻应用标准页面表格组件属性中的表格组件来说，更适用于移动端
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
