检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理组件模板 查看组件模板详情 在华为云Astro轻应用服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件模板”。 在“全部”页签中，单击对应的组件模板。
设置华为云Astro轻应用标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置华为云Astro轻应用标准页面输入框组件属性 输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
false”语句，可取消上传预览。 当前文件。 文件名。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下：
路由导航和路由视图 路由导航和路由视图组合使用，可实现路由导航以及展示当前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。 图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时，当前使用该组件的页面和路由导航关联
设置华为云Astro轻应用标准页面下拉框组件属性 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：
设置华为云Astro轻应用标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置华为云Astro轻应用标准页面表格组件属性中的表格组件来说，更适用于移
关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 父主题： 平台标准组件介绍
设置华为云Astro轻应用标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数
业务用户登录页前台开发实施步骤 业务用户在前台登录时，需要先在线下开发一个登录组件，上传到高级页面，并在高级页面中配置组件桥接器中的数据。最后在页面中，输入登录账号密码，通过调用“用户登录服务编排”，实现“业务用户”页面登录功能。 本文以“A”应用为例，介绍如何开发登录页面，具体流程如图1所示。
”进行配置，这里不再详细描述流程配置的具体操作。流程中默认将5添加的主对象作为对象变量，图元之间连线的规则设置以及图元的输入、输出参数可以引入该对象变量，也可添加其他变量。 图8 事故处理流程（示例） 左侧展示流程配置中可以用到的图元，说明如下： start：开始图元，单击开始图元，在右侧可配置开始属性。
在运行环境中，如果游客需要提交一个表单，该如何实现？本节将为您详细介绍实现方法。 图1 访问方式 实现流程 在开发环境中，用标准页面实现提交表单，在高级页面中引入自定义的跳转组件，该组件用于自动跳转到标准页面。发布到运行环境，在运行环境中，当游客访问该高级页面时，会自动跳转访问标准页面。 图2 实现流程
库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。如何在高级页面中引入库，请参见使用AstroZero开发高级页面时如何引用第三方库。 桥接器 在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID
设置华为云Astro轻应用标准页面上传组件属性 在标准页面中，使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。
设置华为云Astro轻应用标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
绍其他模块与服务编排是如何进行相互调用的。 脚本 在服务编排中可以通过配置脚本图元，选择当前应用中的脚本进行脚本的调用。 在脚本中可以通过引入sys库，然后执行sys.invokeFlow({Flow_Name})，进行服务编排的调用。其中，Flow_Name为服务编排的名称。 对象
他模块与服务编排是如何进行相互调用的。 脚本 在服务编排中，可通过配置脚本图元，选择当前应用中的脚本，进行脚本的调用。 在脚本中，可以通过引入sys库，再执行“sys.invokeFlow({Flow_Name})”，进行服务编排的调用。其中，“Flow_Name”为服务编排的名称。
关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 绑定数据模型、增加查询条件、工具栏 设置组件绑定的数据模型，有自定义对象、对象、服务和事件四种，本章节以绑定模型为例进行介绍。
配置数据导入模板 使用说明 通过定义数据导入模板，定义后下载模板，录入数据，再导入数据并按照预定义的脚本处理数据。 场景描述 本节介绍的是在应用内配置数据导入模板，您还可以在管理中心进行配置，相关操作请参考通过配置数据导入模板进行数据导入。两者的区别是在应用中配置的数据导入模板，
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
