检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图”的画布中，再进行必要的属性、事件配置，就可以完成页面的开发。 设计视图 标准页面中预置了多种组件，在开发页面时，可以直接从左侧组件区域，将这些组件拖拽到右侧“页面内容”中。 图1 标准页面编辑界面（UI Builder） 配置组件属性 了解组件使用场景及配置方法 在配置使用组
据接入来实现。 使用说明 AstroZero提供的数据接入功能，可帮助您快速构建数据接入规则并标准化事件的简单工具。数据接入是从开发环境中打包发布后同步到运行环境中的，在运行环境中，只能修改接入数据，不能新建数据接入。 如何创建数据接入 当需要从外部数据源获取数据时，需要对数据进
返回结果 请求发送以后，您会收到响应，包含状态码、响应消息头和消息体。 状态码 状态码是一组从2xx（成功）到4xx或5xx（错误）的数字代码，状态码表示了请求响应的状态，完整的状态码列表请参见状态码。 对于使用OAuth 2.0的客户端鉴权模式，获取的用户access_toke
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码，用户通过微信或支付宝扫描二维码，可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
在设计页面左上方，单击，从“全部 > 自定义”中拖拽commodityDetailsWidget组件到右侧画布中。 图4 在电脑端拖拽CommodityDisplay组件 在页面上方单击，切换到移动端，并拖拽commodityListWidget组件到右侧画布中。 图5 在移动
> 布局”下，为页面左右各设置“15%”和“18%”的内边距。 图4 页面设置内边距 拖拽“表单”组件到中间面板，并做如下操作。 在“基本组件 > 布局”中，拖拽“表单”组件到中间面板中。 图5 添加“表单”组件 在右侧弹出的“元数据表单配置向导”中，选中刚才创建的对象“Ques
e1。 配置页面Page2。 在Page2页面左上方，单击，从“自定义”组件中选中“widgetPageMacroTemplate”组件，并将其拖入画布。 图3 拖拽widgetPageMacroTemplate组件到画布中 新建页面宏。 单击左侧目录树中Page2页面后的“..
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m
OBS：通过OBS类型连接器，存储到华为OBS（Object-based Storage Service）上。 MINIO：通过MINIO类型连接器，存储到MINIO上。 OBJECTSTORAGEPROXY：通过OBJECTSTORAGEPROXY类型连接器，存储到相应服务器上。 CUST
统做集成联调测试。 说明： “在本地沙箱中运行”特性为白名单特性，需要联系后台管理人员开通后方可使用。 发布 > 一键部署：将应用一键部署到生产环境或沙箱环境，打包、安装和运行一步到位，详情请参见快速发布与部署AstroZero开发的应用。 发布 > 发布版本：发布应用的新版本。
OBS：通过OBS类型连接器，存储到OBS（Object-based Storage Service）上。 MINIO：通过MINIO类型连接器，存储到MINIO上。 OBJECTSTORAGEPROXY：通过OBJECTSTORAGEPROXY类型连接器，存储到相应服务器上。 CUSTO
输入框是基础输入组件，输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“输入框”组件至页面工作区域，如图1。 图1 输入框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件，可以灵活组合列表项的内容，并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置AstroZero标准页面表格组件属性中的表格组件来说，更适用于移动端，但
在“Network”页签查看网络请求信息 单击上传按钮上传文件，由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。 按“F8”可跳转下一个断点，按“F10”可跳转下一行，根据相关数据判断页面逻辑是否正确执行。 图6 调试js代码
如果选中了“添加本字段到该页面布局”，则详情页面会包含该自定义字段，另外还会包含预置的name字段。默认会按照字段创建的先后顺序，显示该对象的全部字段。 对象记录列表页面Records：显示对象数据的记录列表。自定义对象创建字段时，如果选中了“添加本字段到该页面布局”，则记录列表
Web容器中运行，只支持高级页面。 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：打开小程序时，要展示的首页。 视图：运行到Web容器时，高级页面分为电脑端和移动端两个视图，选择需要下载的视图。 环境类型：提供服务的AstroZero环境类型。分“开发环境”、“运
用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行响应，例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件
新建一个标准页面，页面标签和名称为“page01”，如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图6配置按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。 图6 新增库
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
