检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。
zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错
的应用、数据对象、脚本、服务编排、页面等应用元素的名称前，系统会为其增加命名空间。例如，将命名空间定义为“CNAME”，后续创建的所有应用、应用元素（数据对象、脚本、页面等）都将以“CNAME__”开头。 标准页面 标准页面基于Vue技术栈，平台预置丰富基础组件，也可以支持扩展，
value：对比值。 relation：数组中包含parents（向上查询）和children（向下查询）两个元素，两者分别对应相应的数组。 其中，parents包含condition数组和relatedField（关联字段名称）。children包含condition数组和relationName（关联字段名称）。
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。桥接器也支持获取静态自定义数据展示在页面上。 在AstroZero环境配置中，可以管理当前环境中该账号下的桥接器资产。 查看桥接器详情 在As
前提条件 已在华为云的自然语言处理 NLP注册账号，并获取所用NLP资源对应区域的项目ID。 图1 获取项目ID 已获取AK（Access Key ID）、SK（Secret Access Key），即访问密钥对，具体操作请参见获取AK/SK。 创建自然语言处理连接器 参考登录Ast
线，帮助布局组件。 图5 画布中调整组件示例 如上图中所示，在执行操作前请确保已获取当前页面的页面锁，未获取页面锁的状态下执行的所有操作都不能保存。当页面处于锁定状态下时，当前应用中其他页面均无法获取页面锁，若需要进行页面开发，请先释放页面锁。 组件的右键设置：在画布中选中组件，
若勾选该参数，表示为快速模式。该模式可以创建一条或者多条记录，仅需要配置对象的对象变量（与对象关联的变量）或对象变量数组。该图元负责将对象变量或对象变量数组的值写入数据库。当对象变量为数组时，则实现创建多条记录。创建成功后，返回的记录ID自动保存在对象变量中。创建记录的各个字段的值为对象变量
单击，在“记录删除”页面进行配置。 若上一步勾选“使用快速删除模式”，则需要指定一个预先定义的对象变量或者对象变量数组，并将该对象变量或对象变量数组拖拽到“变量”输入框中，使用该对象变量或对象变量数组的记录ID删除对应的对象记录。如下图所示，使用“accountDelete”对象变量的记录ID删除对象记录。
如果勾选该参数，表示为快速模式。该模式可以创建一条或者多条记录，仅需要配置对象的对象变量（与对象关联的变量）或对象变量数组。该图元负责将对象变量或对象变量数组的值写入数据库。当对象变量为数组时，则实现创建多条记录。创建成功后，返回的记录ID自动保存在对象变量中。创建记录的各个字段的值为对象变量
单击，在“记录删除”页面进行配置。 如果上一步勾选“使用快速删除模式”，则需要指定一个预先定义的对象变量或者对象变量数组，并将该对象变量或对象变量数组拖拽到“变量”输入框中，使用该对象变量或对象变量数组的记录ID删除对应的对象记录。如图1，使用“accountDelete”对象变量的记录ID删除对象记录。
详情页单击“更新”，单击右上角获取锁图标，选择新的组件包单击“上传”，再单击“更新”，更新资产库中的组件。 编辑：在线编辑组件。需要在组件处于已获取锁状态才可编辑。 下载：下载该组件。 禁用：当组件未受保护时，该按钮才会显示。您需要在右上角单击获取锁图标后才能单击“禁用”，禁用该
在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 更多关于Vue的使用，可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0]
”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo
改）、post（增加）和delete（删除）。 调用周期：此处不用配置。调用周期是每隔多少秒调用一次后台接口或者获取静态数据，默认配置为“0”，表示只调用一次或者只获取一次静态数据。 参考上一步，分别设置下图中框选的桥接器实例。 图12 设置其他桥接器 表2 桥接器实例配置 数据名
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
说明 em 在font-size中，使用相对于父元素的字体大小，在其他属性中使用相对于自身的字体大小，如width。 rem 相对根元素的字体大小。 ch 相对于数字“0”的宽度。 ex 相对于字符“x”的高度。 lh 相对于元素line-height计算值。 最大和最小值 对于
组件详情页单击“更新”，单击右上角获取锁图标，选择新的组件包单击“上传”，再单击“更新”，更新资产库中的组件。 编辑：在组件处于已获取锁状态时，可在线编辑组件。 下载：下载该组件。 禁用：当组件未受保护时，该按钮才会显示。您需要在右上角单击获取锁图标后，才能单击“禁用”，禁用该组
定。 如果元素被上锁，但开发者暂时无法联系到上锁人，又不愿意等待定时释放，开发者可以通过界面强行释放锁。 参考如何登录新版应用设计器中操作，登录新版应用设计器。 在左侧导航栏中，选择“代码管理 > 释放资源锁”。 在上锁元素列表中，选择需要手工释放锁的元素，单击该元素后的。 图2
setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
