检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击“显示”属性后的按钮,可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。 “显示”属性下方展示了当前元素的盒模型示意图,在对应的数字位置单击并改变值,即可快速改变元素上下左右位置上的内外边距属性。 当前元素盒模型示意图下方,展示了当前元素的宽和高,默认
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。桥接器也支持获取静态自定义数据展示在页面上。 在AstroZero环境配置中,可以管理当前环境中该账号下的桥接器资产。
通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。
通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。
详情页单击“更新”,单击右上角获取锁图标,选择新的组件包单击“上传”,再单击“更新”,更新资产库中的组件。 编辑:在线编辑组件。需要在组件处于已获取锁状态才可编辑。 下载:下载该组件。 禁用:当组件未受保护时,该按钮才会显示。您需要在右上角单击获取锁图标后才能单击“禁用”,禁用该
础组件对应的value绑定,类似Vue的v-model。 属性绑定:将组件的某个属性,如只读、禁用、必填等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 图1 数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法,组件上创
线,帮助布局组件。 图5 画布中调整组件示例 如上图中所示,在执行操作前请确保已获取当前页面的页面锁,未获取页面锁的状态下执行的所有操作都不能保存。当页面处于锁定状态下时,当前应用中其他页面均无法获取页面锁,若需要进行页面开发,请先释放页面锁。 组件的右键设置:在画布中选中组件,
上线。每个阶段都会有独立的环境,让各阶段数据隔离,保证正式上线版本稳定。 开发环境 开发环境是开发者专门用于开发应用的环境,用户可根据需求自行开发配置各种逻辑模块化元素,从而创建各类应用。开发环境默认域名为“appcube.cn-north-4.huaweicloud.com”。 沙箱环境
说明 em 在font-size中,使用相对于父元素的字体大小,在其他属性中使用相对于自身的字体大小,如width。 rem 相对根元素的字体大小。 ch 相对于数字“0”的宽度。 ex 相对于字符“x”的高度。 lh 相对于元素line-height计算值。 最大和最小值 对于
zip”,请解压该包。 修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件,整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router( Vue.js官方的路由管理器)开发的,请参考Vue
数据类型 > 静态数据:获取桥接器中定义的静态数据作为该组件的数据来源,也可以在静态数据编辑器中修改或重置静态数据。 数据类型 > 动态数据:通过动态调用后台的服务编排或脚本,获取数据作为该组件的数据来源。 URL:桥接器通过动态调用后台的服务编排或脚本,来获取数据作为该组件的数据来
参数说明 参数 说明 tenantId 租户ID,可通过${tenantId}自动获取,也可以登录环境配置,在“系统设置 > 公司信息”中获取,详情请参见设置AstroZero账号的公司信息。 event 订阅事件的名称,进入待订阅事件的详情页,可获取事件的名称。 event参数可以有多
三方库,单击widget_demo_mintui.zip获取该组件包。 在组件Widget包的“packageinfo.json”文件中增加requires节点,指定需要依赖库的库ID和版本号。 其中,“name”为库ID、“version”为库版本号数字部分。 例如,增加如下r
在高级页面组件包的widget_demo_mintui.js/render方法中,新增Vue实例。 更多关于Vue的使用,可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0]
已在华为云的消息通知服务SMN注册账号,并获取“IAM用户名”、“账号名”、所用SMN资源对应的“项目ID”、“项目”。 图1 获取关键信息 已获取AK(Access Key ID)、SK(Secret Access Key),即访问密钥对,具体操作请参见获取AK/SK。 新建SMN连接器
访问密钥ID 用户的访问密钥ID(Access Key ID),配置为前提条件中获取的“AK”取值。 访问密钥 用户的访问密钥(Secret Access Key),配置为前提条件中获取的“SK”取值。 项目ID 项目的唯一标识,配置为前提条件中获取的“项目ID”取值。 区域
运行态界面布局 使用说明 在配置完整个BPM图元及流程后,还可以根据需要选择性的配置BPM运行态界面布局。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 将鼠标放在某个文件夹上,单击加号,选择“BPM”,去创建一个BPM。 图1 创建一个BPM 在BPM开发设计
组件详情页单击“更新”,单击右上角获取锁图标,选择新的组件包单击“上传”,再单击“更新”,更新资产库中的组件。 编辑:在组件处于已获取锁状态时,可在线编辑组件。 下载:下载该组件。 禁用:当组件未受保护时,该按钮才会显示。您需要在右上角单击获取锁图标后,才能单击“禁用”,禁用该组
查看解压后的组件目录。 图3 解压后目录 userLogin.js:存放vue业务逻辑的代码,请根据业务需求自行开发。 userLogin.ftl:存放html代码,请根据业务需求自行开发。 userLogin.css:存放样式代码,请根据业务需求自行开发。 userLogin.editor.js、packageinfo
lobal_Vue”的,需要写在“global_Vue”之后。依赖关系的详细介绍,请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中,使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量,并新建Vue实例传入该“i18n”变量。