检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
为ListData设定初始值，请将原先代码中如下代码进行替换，注意不是替换全部代码。 var vm = new Vue({ el: $("#widgetVueTemplate",elem)[0], data:{ name: "Bingo
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
图1 表格（新） 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
复选按钮：该控件允许用户从多个选项中进行多种选择。 单选按钮：用于一组可选项的单项选择，或者切换某个选项的选中状态，以实现从一组互斥的选项组中选择一项。 下拉框：使用下拉菜单，展示并选择内容。 级联选择框：从一组相关的数据集合中进行选择，和下拉框相比，可一次性完成选择，体验更好。 开关：在两种状态间切换时用到的开关选择器。
表单类应用），这种页面一般用于业务数据的增、删、改、查等基础功能，例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面主要用于开发应
：刷新沙箱状态，例如创建或同步沙箱时，刷新是否完成操作。 ：删除沙箱环境。 沙箱测试步骤 沙箱环境创建完成后，单击界面右上角用户名，在下拉菜单中选择上面创建的沙箱名，例如“test1”，运行沙箱环境。 在沙箱环境登录界面输入用户名密码，单击“登录”或“Login”。 沙箱用户名
效果。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择对应的属性。 在模型字段中，单击，进入选择模型页面。
容器组件 数据绑定 将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。
在运行环境中安装应用，并配置标准页面中使用到的对象、接口、脚本等权限。 使用当前租户开发者账号访问并登录AstroZero运行环境，或者直接在右上角单击账号名，在下拉菜单中选择“运行环境”。 图18 切换到运行环境 在运行环境首页，单击“我的仓库”，在我的仓库找到5发布的“mypage”应用，单击“安装”。
getWidgetBasePath(); if(elem) { var vm = new Vue({ el: $("#widget_demo_property", elem)[0], data: {
其中，Commodity对象包含三个属性，分别为src（商品图片路径）、title（商品标题）和content（商品描述）。 var vm = new Vue({ el: $("#widgetVueTemplate",elem)[0], data:{ Commodity:
名空间定义为“CNAME”，后续创建的所有应用、应用元素（数据对象、脚本、页面等）都将以“CNAME__”开头。 标准页面 标准页面基于Vue技术栈，平台预置丰富基础组件，也可以支持扩展，多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能
$(elem).append(containerDiv); } const app = Vue.createApp({ data() { return {
软件包安装失败，提示唯一索引冲突 问题描述 软件包安装失败，提示唯一索引冲突。 解决方法 使用控制台，查询报冲突的表数据。 方式一：登录AstroZero管理中心。单击右侧图标，进行数据调试。 方式二：进入App视图，在左侧菜单栏下方，单击，进行数据调试。 方式三：直接在浏览器中
发高级组件。 库 库是支撑高级组件运行的第三方依赖，若缺少相应的库，则组件不能正常运行。如果高级组件需要使用前端框架或组件库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。系统预置库及第三方库的引入方法，请参见如何引入第三方库。
业务场景和流程设计介绍 本文以IoT领域电梯设备运维管理和维修的应用场景为主线，由浅入深的向您介绍如何在AstroZero中开发该应用。 业务场景 设备维修管理系统应用中，包含以下两类用户： 系统管理员用户：管理应用的用户，用于新增业务用户，添加用户权限、添加设备信息、管理工单和监控设备。
组装“编辑设备”页面 组装页面包括拼装页面组件、定义组件的事件代码，并通过公共接口调用“编辑设备”脚本。 页面分析 如果要实现将前端页面上输入的设备信息保存到数据库中，需要创建与前端组件绑定的自定义模型，以及与后端逻辑关联的服务模型，如图2所示。 图1 编辑设备页面预览 页面上包
定义组件。 库 库是支撑高级组件运行的第三方依赖，如果缺少相应的库，则组件不能正常运行。如果高级组件需要使用前端框架或组件库，例如流行的Vue（已预置）、Bootstrap、Element（已预置）等，需要将其制作成库资产，再上传到环境中使用。如何在高级页面中引入库，请参见使用A
组装“业务用户注册”页面 “业务用户注册”页面实际上是一个对话框，是在管理员操作“新增用户”时，弹窗的注册对话框，详细如图1所示。 图1 业务用户注册对话框 结合页面需求，页面需要创建如下模型： 表1 模型分析 模型名称 作用 详细定义 userInfo 保存注册用户信息的参数。
组装“生成工单”页面 “生成工单”对应设备管理流程的第一个节点，客服人员使用这个页面完成维修信息录入，生成维修工单，并提交给派单人员处理。该页面使用标准页面组装实现。 页面组件分析 “生成工单”页面的组装过程如下： 在页面中，拖入一个容器组件。 在容器组件中，拖入一个表单组件和容器组件。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
