检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
区域，如图1。 图1 表格 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。
格式的图片，图片不超过1MB。 图片库有如下几种类型： OBS/MINIO/OBJECTSTORAGEPROXY：通过连接器获取OBS或MINIO桶中的图片，需要提前配置OBS/MINIO/OBJECTSTORAGEPROXY类型连接器，选择具体的存储桶、连接器实现获取图片功能。
了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List View Container）”内。 在标准页面设计界面，从“基本组件
成，且不能以下划线结尾。 pictureName 字段类型 单击，在弹出的页面中，根据页面提供的参数解释，选择新建字段所属的类型。 文本 按照上述操作，为对象添加表4中字段。 表4 添加其他字段 显示名称 唯一标识 字段类型 pictureId pictureId 文本 picUrl
开发者已在开发环境中发布应用到“我的仓库”，具体操作请参考如何将应用发布到“我的仓库”，打包编译时选择“资产包”。在运行环境或沙箱环境安装的应用必须是资产包类型，源码包只能在开发环境中安装。 该功能为白名单特性，需要联系后台管理人员开通后方可使用。 导入方式安装应用 通过导入方式安装应用，可实现在不同的账号间或环境间安装应用。
要执行该步骤。跳过该步骤时，表示发布的资产包中所有组件是受保护的。 图1 编译设置 表1 “编译设置”参数说明 参数 参数说明 包类型 应用包的类型。 选择“资产包”发布的应用包，包中组件可设置是否受保护。 选择该项后，需要配置版权信息（可选）、描述（可选）、每个组件的保护设置（必选，配置为未受保护或只读保护）。
名称 多语言资源标签，在字段引用多语言资源时引用。 类别 多语言资源分类，仅作为内部管理使用。 描述 多语言资源的描述信息。 在多语言详情页面，单击值中的“新建”，设置语言类型和该语言下资源的翻译内容。 重复上一步，配置其他语言类型。 多语言中配置的信息，可以通过无认证方式访问，请勿设置敏感信息。
域，如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。
URL路径参数 数据类型 设置输入参数的数据类型，取值如下： 日期：日期类型，精度到天。 日期/时间：时间类型，精度到秒。 数字：数字类型。 字符串：字符串类型。 布尔值：布尔类型，取值为“true”和“false”。 全局结构体 键值对(Map)：Map集合类型。 对象：对象标识类型。 敏感文本，如姓名、手机号等。
在“数据”页签，单击“View API Get Connector”，设置“桥接器实例”为“通用AstroZero API数据桥接器”，“数据类型”为“动态数据”，“请求方法”为“get”，如图7所示。 图7 设置桥接器 自定义组件的“数据”参数说明如下： 桥接器实例：调用的桥接器名称。
在移动端创建空白应用 AstroZero零代码中的应用，是由表单及其对应的视图、统计表等组成。创建表单，即在表单画布中，根据字段数据类型选择合适的组件，通过拖拽编排实现表单的构建。 创建空白应用 参考登录AstroZero移动端零代码工作台中操作，登录AstroZero移动端零代码工作台。
在工作流设计页面，单击页面上方的，启动该工作流。 在工作流设计页面，可以通过如下两种方式启动工作流。 自定义：将工作流“开始”图元的开始类型设置为“自定义”启动，不指定事件的起因，即不需要指定触发条件，主要用于接口调用进行启动。 图1 自定义方式 表单：使用表单或页面，启动工作
后台管理人员开通后方可使用。 操作步骤 参考如何登录经典应用设计器中操作，登录经典版设计器。 在应用开发页面左侧，单击，选择“设置”。 包类型选择“资产包”，界面参数详细介绍，请参见如何将应用发布到“我的仓库”。 图1 编译设置 在应用开发页面左侧，单击，选择“编译”。 编译成功后，页面会显示“编译XXX成功”。
0px、768px、1024px），针对不同设备进行设计，形成流动布局。 针对复杂情况，可以使用CSS3的@media查询。针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。 CSS语法如下：
xt Area）类型，多行可编辑的文本控件。适用于多行文本输入。 日期选择框：用于日期选择或输入，关联对象日期（Date）类型、日期/时间（Date/Time）类型，可以选择或输入日期，支持年、月、日期等类型，支持选择范围。 数字输入框：数字（Number）类型的输入框，关联对象数字类型。
标签切换效果 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。
消费者业务网站示例 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。
图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。 图6 新建CommodityDisplay高级页面 表1 创建高级页面CommodityDisplay参数说明
页面的电脑端和移动端进行定制开发。开发完成后发布生成的高级页面为同一URL，当电脑端或移动端加载这一URL时，平台会自动检测用户所用的设备类型并加载相应视图页面。 ：保存当前开发页面的修改。 ：发布当前开发的页面，页面发布后可以预览该页面的运行态效果。 页面修改、保存后，需再次执
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
