检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表（派单员）”页面相比，大致功能一致，仅多了一个创建工单功能，和操作列中的删除按钮。因为两个页面很相似，所以为了快速创建，将通过“工单列表（派单员）”页面另存一个页面，然后再改造这个另存后的页面成为“管理员管理工单”页面。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
使用AstroZero为组件配置中英文语言属性 期望实现效果 为组件配置多语言属性，实现组件在不同语种环境下都可正常显示。在AstroZero中对组件进行国际化配置，主要是修改国际化资源文件（i18n）。下面以为组件widget_demo_i18n配置中文和英文两种语言属性为例，其最终实现效果如图1、图2。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
AstroZero标准页面概述 什么是标准页面 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的
设置AstroZero标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和
表格（新） 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于表格（新）中的表格组件来说，更适用于移动端，但是不支持展示树形结构。当表格中的数据有父子关系，需要展示出树形结构时，
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法
如何将应用发布到“我的仓库” 使用说明 编译应用包时，如果是资产包，可以选择发布到“我的仓库”。如果是源码包，则默认发布到“我的仓库”，请根据不同的场景，选择不同的发布方式发布应用。 操作步骤 参考登录经典应用设计器中操作，登录经典版设计器。 （可选）在应用开发页面左侧，单击，选择“设置”，参考表1配置参数。
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码，用户通过微信或支付宝扫描二维码，可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件，可以灵活组合列表项的内容，并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时，需要在“列表视图（List View）”上绑定数据模型，且数据类型必须为数组，如果要使用分页功能，分页组件需放在最外层“列表视图（List
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置AstroZero标准页面表格组件属性中的表格组件来说，更适用于移动端，但
使用AstroZero创建高级页面适配多终端显示 期望实现效果 当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
步骤2：创建流程配置 使用说明 示例源码包安装完成后，可基于已安装的故障单流程，创建新的流程配置。 操作步骤 参考如何进入经典开发环境中操作，进入经典版应用开发页面。 在“项目 > 我的应用”中，单击已安装的应用（故障单流程），进入应用设计器。 将鼠标放在Logic文件夹上，单击“+”，选择“流程配置”。
设置AstroZero标准页面上传组件属性 在标准页面中，使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑
表格 表格是一个组合组件，与模型绑定之后，可以提供快速构建基本表单能力，包括查询、保存、重置能力。同时，支持用户根据实际业务需求，进行二次修改编排。 在标准页面设计界面，从“基本组件”中，拖拽“表格”组件至页面工作区域，如图1。 图1 表格 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
使用WebSocket为AstroZero高级页面组件绑定数据 操作场景 开发高级页面时，如果需要消息主动推送、高实时数据展示，您需要使用WebSocket来实现后台数据调用。例如，园区系统在日常运行中，常监测到人员异常或故障信息，需要以告警显示的形式显示在前端界面中。为简化用例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
