检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
以原始模板包为例，说明Zip包中的文件及文件的功能。 表2 桥接器目录结构说明 文件名 详细说明 mock\data.json 定义该桥接器静态数据，当在“组件属性设置”面板中数据栏配置该桥接器并选择静态数据类型时，AstroZero将读取该文件内容，作为静态数据来源。 bridgeTest.js 实现该
可过滤：下拉框是否提供过滤能力。 远程搜索：是否根据输入的关键字，调用自定义的接口查询数据，和事件“on-remote-search”配合使用。 是否初始加载：拉框是否初始加载。 AUI风格：启用后，下拉框的下拉图标风格会所有不同。 最大宽度：组件的最大宽度。 表单校验：当组件在表单中时，可对组件进行一些
左侧显示的文件夹是对报表进行归类管理的文件夹。通过文件夹分类，可以快速找到所需要的报表。 图2 选择报表 设置仪表板标签、名称和文件夹，单击“保存”。 图3 仪表板基本信息 标签：仪表板在界面显示的名称。 名称：仪表板的名称，是仪表板在系统中的唯一标识。 文件夹：选择仪表板所
单击上传按钮上传文件，由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。 按“F8”可跳转下一个断点，按“F10”可跳转下一行，根据相关数据判断页面逻辑是否正确执行。 图6 调试js代码 调试DOM及样式
显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 文件大小(KB)：限制上传文件的大小，最大可设置为204800KB。 限制文件类型（最少选择一项）：限制上传的文件类型。 图片：支持的图片后缀为png、jpg、jpeg和gif。 文档：支持的文件后缀为pdf、doc、docx、xls、x
创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用
典型的值绑定场景有：表单、表格、列表视图对应的model绑定，以及输入框、下拉框等基础组件对应的value绑定，类似Vue的v-model。 典型的属性绑定场景有：下拉框的选项值、步骤条的步骤值等，类似Vue的v-bind。 如图7所示的例子中，实现了表格DataGrid组件与值的绑定。 图7 数据绑定
验。 错误信息：正则表达式校验失败时，提示的错误信息。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。 布尔类型：返回为“false”表示未通过校验，
图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端配置 > 无背景色风格：移动端是否启用无背景色风格。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型
的共享状态，不管组件在页面的哪个位置或层级，任何组件都能获取状态或触发状态改变的动作。全局状态相当于全局变量，属性是私有的，需要在组件的js文件中，使用预置的“this.$mstore.dispatch”方法，来修改状态数据。 思考：什么情况下，应该使用全局状态？ 解惑：当页面组
图2 表单组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
默认取值： 不涉及。 object 是 String 参数解释： 上传文件到桶里的全路径，包含文件名、文件类型、上传到桶里的路径。不携带路径时，表示上传到桶的根目录下 示例：取值为“a/b/c/test.mp4”，表示将文件“test.mp4”上传到桶的“a/b/c”路径下。如果桶中不存在该路径，会创建该路径。
据，通过导入方式快速实现表单构建。导入的Excel表单，需满足如下条件： 仅支持导入单个Excel文件，文件中可以包含多个Sheet页。每个Sheet页将生成一个工作表。 单个文件最大不能超过10M。 表格列数不能超过200列，数据不能超过10000行。 从Excel创建表单 参
”。 图11 设置组件名称 解压已下载的“alarmDisplayWidget.zip”，解压后在“alarmDisplayWidget.js”中，通过定义变量“var ws = new WebSocket(url);”，打开一个WebSocket，订阅WebSocketAlarmEvent告警事件。
STORAGEPROXY类型的连接器。 桶：OBS/MINIO类型连接器的存储桶。 SFTP：选择SFTP后，图片将加密上传至服务器的本地文件系统中。 OBS/MINIO/OBJECTSTORAGEPROXY图片库，支持按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。
登录管理控制台。 在主菜单中，选择“费用 > 续费管理”，进入“续费管理”页面。 自定义查询条件。 可在“手动续费项”、“自动续费项”、“到期转按需项”或“到期不续费项”页签查询全部待续费资源，对资源进行手动续费的操作。 图2 续费管理 所有需手动续费的资源都可归置到“手动续费项”页签，具体操作请参见如何恢复为手动续费。
AstroZero上开发的应用可以发布成WeLink（蓝标）We码应用。We码是将前端的静态资源放入WeLink，都是本地访问，适用于对页面加载速度要求比较高的场景。关于WeLink We码应用的详细介绍，可参见WeLink开发之旅。 以创建“调查问卷应用”为例，向您介绍如何将As
zip，下载commodityListWidget商品列表组件示例开发包。 新建img文件夹，存放商品图片，此处存放了10张商品图片，统一分辨率为380x440，如图2所示。 图2 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Comm
ecimal类型，并能进行加、减、乘、除等数学运算。 excel 操作Excel文件，例如生成Excel文件。 text 操作文本，例如将文本转换为二进制。 xml 操作XML文件，例如读取XML文件内容。 uuid 生成全局唯一标识。 样例代码解读 通过下面详细的脚本代码内容解读，使您对脚本有一个更具体的认识。
示例1：校验输入文字内容长度不能超过10个字符。示例JS代码如下： return value.length <= 10 其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量 示例2：校验输入文字内容，只能输入大写的“A-Z”，或小写的“a-z”。示例JS代码如下： 返回值类型为布尔：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
