检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
0 Gauge(测量) 是表示单个数值，可以任意地上升和下降的度量。 方法注解@Guage。 name：String类型，自定义指标名称。 方法类型：Number。 效果：每次执行该方法，对应指标值设置为方法的返回值。 参数注解@Label。 name：String类型，自定义指标Label
监控数据自动上报AOM平台 使用场景 devspore-probe支持将微服务中的监控指标及数据自动上报到AOM平台，用户可在AOM平台上通过指标名称、标签等过滤并分析监控数据。 相关概念 应用运维管理（Application Operations Management），简称A
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
要有该名称。 是否解构 解构则使用如import { export1 } from 'module'的方式导入。 入口路径 有些npm包的方法并不在默认导出中，如import { foo , bar } from "module-name/path/to/specific/un-
选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 方法名称：输入方法名称，名称可以由字母、数字、下划线、$
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
熔断器打开，导致方法调用失败 问题描述 熔断器打开，导致方法调用失败。 解决方案 在没有使用自定义降级方法和缓存的时候，原方法如果调用失败会抛出方法原始出的错误。 如果使用了自定义降级方法。 熔断前：自定义降级方法中添加的最后一个异常的参数封装的就是原方法的异常。 熔断后：最后一个异常参数会固定抛出“io
自定义降级方法不生效 问题描述 自定义降级方法不生效。 解决方案 请排查自定义降级方法的定义的限制。 方法列表需要和原方法一致，此外要额外添加一个Throwable的参数，放在参数列表的最后一个。 方法的返回值要和原方法保持一致。 方法的修饰类型要大于原方法。如：原方法是publ
CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。
拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“循环数据”后的，进行变量绑定。 选择绑定的变量，单击“确定”。 图2 绑定变量 为展示内容添加变量，默认为item。
拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。
state from CLOSED to OPEN] 熔断器有三个状态： CLOSED：这个状态下，方法可以正常访问。 HALF_OPEN：这个状态下，方法可以正常访问。 OPEN：这个状态下，方法不可以访问。 父主题： 常见问题
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局样式面板中可以看到，等效于直接编辑样式：
devspore-probe除了原有的Micrometer的功能外，还提供了以下两种功能： 监控数据自动上报AOM平台 支持注解形式自定义监控指标 开发能力要求 您需具备以下开发能力： 熟悉Java语言，并有Java程序开发经验。 熟悉Maven。 基础开发环境准备 安装的工具包括JDK、Maven、Eclipse和IDEA
utils.isNil(value)) { return } // ... other logic } 父主题： 使用工具类方法
可见性。 图4 设置定位 文本：设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景：设置组件背景，背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框：设置边框的位置、颜色、位置宽度以及是否为圆角。 图7 设置边框 效果：设置组件的透明度、轮廓样式及光标样式。
画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”，完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题： 配置样式设置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
