检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格（新） 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题： 标准页面
API调用方法 自定义模型 自定义模型是由开发者自由定义的模型。 参数由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象模型 对象模型是直接与Object对象表映射生成的。 系统自动获取Object所有
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
和仪表板。 初识标准页面 将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四
将AstroZero标准页面保存为模板 标准页面开发完成后，支持将该页面保存为模板。标准页面保存为模板后，该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建标准页面。 自定义标准模板 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释：
在应用设计器的左侧导航栏中，选择“数据”，单击对象中的“+”。 设置对象的名称和唯一标识为“urlList”，单击“确定”。 图2 创建对象urlList 表1 新建urlList对象参数说明 参数 说明 示例 对象名称 新建对象的名称，创建后可修改。 取值范围：1~80个字符。 urlList
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
参考登录经典应用设计器中，进入经典版应用设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。 在“另存为...”页面中，设置模板标签和模板名，打开“另存为模板”开关，单击“创建”，将应用另存为模板。
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
查询标准页面列表 功能介绍 查询标准页面的列表，仅包含基础信息，如果需要获取标准页面的内容，需要根据 ID 进行查询。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View 请求消息 无 响应参数 表1 响应参数 参数 参数类型 描述
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
在应用设计器的左侧导航栏中，选择“数据”，单击对象中的“+”。 设置对象的名称和唯一标识为“ProductList”，单击“确定”。 图2 创建对象ProductList 表1 新建ProductList对象参数说明 参数 说明 示例 对象名称 新建对象的名称，创建后可修改。 取值范围：1~80个字符。
介绍如何创建对象并理解对象间的关联关系 05:40 创建对象 华为云Astro轻应用服务视频 带您熟悉AstroZero中的脚本编辑器 03:41 初识脚本编辑器 华为云Astro轻应用服务视频 教您在AstroZero中如何使用事件 06:18 消息定义-事件 华为云Astro轻应用服务视频
开发调查问卷标准页面实例 本节将通过开发一个“调查问卷”应用页面用来演示标准页面的基本功能，页面完成后如图1所示。 图1 调查问卷应用效果 创建一个自定义对象“Questionnaire”。 创建“Questionnaire”对象，在对象内新建7个文本类型的自定义字段“quest
功能实现方法 创建对象“websiteList”，并为对象添加字段。 在应用设计器的左侧导航栏中，选择“数据”，单击对象中的“+”。 设置对象的名称和唯一标识为“websiteList”，单击“确定”。 图2 新建对象websiteList 表1 新建websiteList对象参数说明
标准页面布局 标准页面的布局设置一般有以下3种场景： 基础布局设置：适合对CSS与HTML不是非常了解的用户，通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对
开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
