检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错
种逻辑模块化元素，从而创建各类应用。关于AstroZero中环境的更多介绍，请参见基本概念。 进入经典版开发环境 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 图1 进入华为云控制台 在左侧导航栏上方，单击，选择服务所在的区域。 单击，在查找框
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
名空间定义为“CNAME”，后续创建的所有应用、应用元素（数据对象、脚本、页面等）都将以“CNAME__”开头。 标准页面 标准页面基于Vue技术栈，平台预置丰富基础组件，也可以支持扩展，多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能
、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 绝对布局高级页面 创建绝对布局类型的高级页面。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在模块树中，将鼠标放在某个文件夹上，单击加号，选择“高级页面”。
典型的值绑定场景有：表单、表格、列表视图对应的model绑定，以及输入框、下拉框等基础组件对应的value绑定，类似Vue的v-model。 典型的属性绑定场景有：下拉框的选项值、步骤条的步骤值等，类似Vue的v-bind。 如图7所示的例子中，实现了表格DataGrid组件与值的绑定。 图7 数据绑定
创建标准页面模板 为了降低应用开发成本，让用户通过拖拽的方式快速完成应用的搭建。AstroZero提供了丰富的应用模板，用户可以直接使用应用模板快速创建应用，同时也支持使用标准页面模板创建页面。 AstroZero中，页面模板分为以下两类： 系统预置的“通用模板”，预置模板说明如表1所示。
模型开发：在AstroZero中是以模型驱动，快速构建业务场景的，因此首先要定义应用的数据模型，就是应用中的业务数据存储在哪里，也就是通常所说的搭建数据库、创建数据库表等。这些动作，对应AstroZero中的对象，对象可以理解为数据库中表的概念。例如，在开发某个仓库商品管理应用时，需要
沙箱，在沙箱中运行，并与本地系统通信，调测应用。 “在本地沙箱中运行”特性为白名单特性，需要联系后台管理人员开通后方可使用。 前提条件 已搭建好本地沙箱环境，且本地沙箱环境可以正常访问华为云云上环境。 华为云AstroZero环境和本地沙箱环境中“我的仓库”配置的OBS桶是同一个桶，相关操作可参考自定义“我的仓库”。
图1 模态框 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
“Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue Router的代码开发规范，修改组件包中的文件。 本示例场景中，增加如下加粗代码。 var Navigator_Widget
扩展应用：当需要基于已有应用或解决方案（不是单一的应用，某一解决方案会涉及到多个应用）进行定制时，可选择创建扩展类型的应用。通过该方式创建的应用，可复用已有资产，可乐高式搭建组装后，稍加定制便可满足业务需求，大大提高开发效率。 BO：业务对象（BO）是封装了完整的数据模型、业务逻辑、页面展现的软件单元。一个BO
沙箱，在沙箱中运行，并与本地系统通信，调测应用。 “在本地沙箱中运行”特性为白名单特性，需要联系后台管理人员开通后方可使用。 前提条件 已搭建好本地沙箱环境，且本地沙箱环境可以正常访问华为云的云上环境。 华为云AstroZero环境和本地沙箱环境中“我的仓库”配置的OBS桶是同一
您可以通过拖、拉、拽页面组件，再加上少量事件代码，即可拼装出所需页面，具体介绍请参见标准页面。 高级页面：对于一些样式比较复杂的页面，例如网站、电商、园区大屏等，您可以使用平台提供的“高级页面”。 高级页面是由一个或者多个Widget（即组件）拼装而成。如图1所示，组件是可复用的
根据权限执行应用中开发的服务编排、脚本、BPM。 根据权限访问在应用中自定义的公共接口。 在开发环境新增业务用户 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astr
图1 列表视图 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图2 表单组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
装该应用。 下面以开发环境入口为例，介绍如何进入开发环境以及AstroZero的具体功能。 如何进入经典开发环境 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原Ap
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
