​​​​SpringBoot 监控神器——Actuator 保姆级教程

news/2024/4/19 20:30:52/
  • pom.xml

  • info

  • beans

  • conditions

  • heapdump

  • shutdown

  • mappings

  • threaddump

  • loggers 端点

  • metrics 端点

  • 自定义Endpoint

  • 自定义监控端点常用注解

  • 使用Filter对访问actuator做限制

  • Spring Boot Monitor做监控页面


SpringBoot自带监控功能Actuator,可以帮助实现对程序内部运行情况监控,比如监控状况、Bean加载情况、环境变量、日志信息、线程信息等

配置Actuator

pom.xml

<!-- web start-->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!-- web end-->
<!-- actuator start-->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId>
</dependency>
<!-- actuator end-->

浏览器打开链接http://localhost:8080/actuator/

可以看到所有支持的连接,默认只有

/actuator
/actuator/health
/actuator/health/{component}
/actuator/health/{component}/{instance}
/actuator/info

bean加载情况http://localhost:8080/actuator/beans

具体的使用方法:

  • 引入上述的依赖jar

通过下面的配置启用所有的监控端点,默认情况下,这些端点是禁用的;

management:endpoints:web:exposure:include: "*"

“*”号代表启用所有的监控端点,可以单独启用,例如,healthinfometrics

Actuator 的 REST 接口

Actuator 监控分成两类:原生端点和用户自定义端点;自定义端点主要是指扩展性,用户可以根据自己的实际应用,定义一些比较关心的指标,在运行期进行监控。

原生端点是在应用程序里提供众多 Web 接口,通过它们了解应用程序运行时的内部状况。原生端点又可以分成三类:

  • 应用配置类 :可以查看应用在运行期的静态信息:例如自动配置信息、加载的 springbean 信息、yml 文件配置信息、环境信息、请求映射信息;

  • 度量指标类 :主要是运行期的动态信息,例如堆栈、请求连、一些健康指标、metrics 信息等;

  • 操作控制类 :主要是指 shutdown,用户可以发送一个请求将应用的监控功能关闭。

Actuator 提供了 13 个接口,具体如下表所示。

GET/auditevents显示应用暴露的审计事件 (比如认证进入、订单失败)
GET/beans描述应用程序上下文里全部的 Bean,以及它们的关系
GET/conditions就是 1.0 的 /autoconfig ,提供一份自动配置生效的条件情况,记录哪些自动配置条件通过了,哪些没通过
GET/configprops描述配置属性(包含默认值)如何注入Bean
GET/env获取全部环境属性
GET/env/{name}根据名称获取特定的环境属性值
GET/flyway提供一份 Flyway 数据库迁移信息
GET/liquidbase显示Liquibase 数据库迁移的纤细信息
GET/health报告应用程序的健康指标,这些值由 HealthIndicator 的实现类提供
GET/heapdumpdump 一份应用的 JVM 堆信息
GET/httptrace显示HTTP足迹,最近100个HTTP request/repsponse
GET/info获取应用程序的定制信息,这些信息由info打头的属性提供
GET/logfile返回log file中的内容(如果 logging.file 或者 logging.path 被设置)
GET/loggers显示和修改配置的loggers
GET/metrics报告各种应用程序度量信息,比如内存用量和HTTP请求计数
GET/metrics/{name}报告指定名称的应用程序度量值
GET/scheduledtasks展示应用中的定时任务信息
GET/sessions如果我们使用了 Spring Session 展示应用中的 HTTP sessions 信息
POST/shutdown关闭应用程序,要求endpoints.shutdown.enabled设置为true
GET/mappings描述全部的 URI路径,以及它们和控制器(包含Actuator端点)的映射关系
GET/threaddump获取线程活动的快照

命令详解

在 Spring Boot 2.x 中为了安全期间,Actuator 只开放了两个端点 /actuator/health 和 /actuator/info。可以在配置文件中设置打开。

可以打开所有的监控点

management:endpoints:web:exposure:include: "*"

也可以选择打开部分

management:endpoints:web:exposure:exclude: beans,trace

Actuator 默认所有的监控点路径都在/actuator/*,当然如果有需要这个路径也支持定制。

management:endpoints:web:base-path: /manage #记得要加上/

设置完重启后,再次访问地址就会变成/manage/*

Actuator 几乎监控了应用涉及的方方面面,我们重点讲述一些经常在项目中常用的命令。

  • health

health 主要用来检查应用的运行状态,这是我们使用最高频的一个监控点。通常使用此接口提醒我们应用实例的运行状态,以及应用不”健康“的原因,比如数据库连接、磁盘空间不够等。

默认情况下 health 的状态是开放的,添加依赖后启动项目,访问:http://localhost:8080/actuator/health即可看到应用的状态。

{"status" : "UP"
}

要想查看详细的应用健康信息需要配置management.endpoint.health.show-details 的值为always,配置之后我们再次访问http://localhost:8080/actuator/health,获取的信息如下:

{"status": "UP","components": {"diskSpace": {"status": "UP","details": {"total": 236510507008,"free": 223361744896,"threshold": 10485760}},"ping": {"status": "UP"}}
}

Spring boot的健康信息都是从ApplicationContext中的各种HealthIndicator Beans中收集到的,Spring boot框架中包含了大量的HealthIndicators的实现类,当然你也可以实现自己认为的健康状态。

默认情况下,最终的 Spring Boot 应用的状态是由 HealthAggregator 汇总而成的,汇总的算法是:

  1. 设置状态码顺序:setStatusOrder(Status.DOWN, Status.OUT_OF_SERVICE, Status.UP, Status.UNKNOWN);

  2. 过滤掉不能识别的状态码。

  3. 如果无任何状态码,整个 Spring Boot 应用的状态是 UNKNOWN

  4. 将所有收集到的状态码按照 1 中的顺序排序。

  5. 返回有序状态码序列中的第一个状态码,作为整个 Spring Boot 应用的状态。

health 通过合并几个健康指数检查应用的健康情况。Spring boot框架自带的 HealthIndicators 目前包括:

CassandraHealthIndicatorChecks that a Cassandra database is up.
DiskSpaceHealthIndicatorChecks for low disk space.
DataSourceHealthIndicatorChecks that a connection to DataSource can be obtained.
ElasticsearchHealthIndicatorChecks that an Elasticsearch cluster is up.
InfluxDbHealthIndicatorChecks that an InfluxDB server is up.
JmsHealthIndicatorChecks that a JMS broker is up.
MailHealthIndicatorChecks that a mail server is up.
MongoHealthIndicatorChecks that a Mongo database is up.
Neo4jHealthIndicatorChecks that a Neo4j server is up.
RabbitHealthIndicatorChecks that a Neo4j server is up.
RedisHealthIndicatorChecks that a Redis server is up.
SolrHealthIndicatorChecks that a Solr server is up.

举个例子,如果你的应用使用 Redis,RedisHealthindicator 将被当作检查的一部分;如果使用 MongoDB,那么MongoHealthIndicator 将被当作检查的一部分。

可以在配置文件中关闭特定的健康检查指标,比如关闭 redis 的健康检查:

management:health:redise:enabled: false

默认,所有的这些健康指标被当作健康检查的一部分。

  • 自定义 HealthIndicator 健康检查

有时候需要提供自定义的健康状态检查信息,你可以通过实现HealthIndicator的接口来实现,并将该实现类注册为spring bean。你需要实现其中的health()方法,并返回自定义的健康状态响应信息,该响应信息应该包括一个状态码和要展示详细信息。例如,下面就是一个接口HealthIndicator的实现类:

@Component
public class MyHealthIndicator implements HealthIndicator {@Overridepublic Health health() {int errorCode = check(); // perform some specific health checkif (errorCode != 0) {return Health.down().withDetail("Error Code", errorCode).build();}return Health.up().build();}}

另外,除了Spring boot定义的几个状态类型,我们也可以自定义状态类型,用来表示一个新的系统状态。在这种情况下,你还需要实现接口 HealthAggregator ,或者通过配置 management.health.status.order 来继续使用HealthAggregator的默认实现。

例如,在你自定义的健康检查HealthIndicator的实现类中,使用了自定义的状态类型FATAL,为了配置该状态类型的严重程度,你需要在application的配置文件中添加如下配置:

management:health:status:order: FATAL, DOWN, OUT_OF_SERVICE, UNKNOWN, UP

在做健康检查时,响应中的HTTP状态码反应了整体的健康状态,(例如,UP 对应 200, 而 OUT_OF_SERVICE 和 DOWN 对应 503)。同样,你也需要为自定义的状态类型设置对应的HTTP状态码,例如,下面的配置可以将 FATAL 映射为 503(服务不可用):

management:health:status:http-mapping:FATAL: 503

下面是内置健康状态类型对应的HTTP状态码列表:

StatusMapping
OUT_OF_SERVICESERVICE_UNAVAILABLE (503)
DOWNSERVICE_UNAVAILABLE (503)
UPNo mapping by default, so http status is 200
UNKNOWNNo mapping by default, so http status is 200

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/ruoyi-vue-pro

  • 视频教程:https://doc.iocoder.cn/video/

info

info 就是我们自己配置在配置文件中以 info 开头的配置信息,比如我们在示例项目中的配置是:

info:app:name:spring-boot-actuatorversion: 1.0.0test: test

启动示例项目,访问:http://localhost:8080/actuator/info返回部分信息如下:

{"app": {"name": "spring-boot-actuator","version": "1.0.0","test":"test"}
}

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/yudao-cloud

  • 视频教程:https://doc.iocoder.cn/video/

beans

根据示例就可以看出,展示了 bean 的别名、类型、是否单例、类的地址、依赖等信息。

启动示例项目,访问:http://localhost:8080/actuator/beans返回部分信息如下:

[{"context": "application:8080:management","parent": "application:8080","beans": [{"bean": "embeddedServletContainerFactory","aliases": [],"scope": "singleton","type": "org.springframework.boot.context.embedded.tomcat.TomcatEmbeddedServletContainerFactory","resource": "null","dependencies": []},{"bean": "endpointWebMvcChildContextConfiguration","aliases": [],"scope": "singleton","type": "org.springframework.boot.actuate.autoconfigure.EndpointWebMvcChildContextConfiguration$$EnhancerBySpringCGLIB$$a4a10f9d","resource": "null","dependencies": []}}
]

conditions

Spring Boot 的自动配置功能非常便利,但有时候也意味着出问题比较难找出具体的原因。使用 conditions 可以在应用运行时查看代码了某个配置在什么条件下生效,或者某个自动配置为什么没有生效。

启动示例项目,访问:http://localhost:8080/actuator/conditions返回部分信息如下:

{"positiveMatches": {"DevToolsDataSourceAutoConfiguration": {"notMatched": [{"condition": "DevToolsDataSourceAutoConfiguration.DevToolsDataSourceCondition", "message": "DevTools DataSource Condition did not find a single DataSource bean"}], "matched": [ ]}, "RemoteDevToolsAutoConfiguration": {"notMatched": [{"condition": "OnPropertyCondition", "message": "@ConditionalOnProperty (spring.devtools.remote.secret) did not find property 'secret'"}], "matched": [{"condition": "OnClassCondition", "message": "@ConditionalOnClass found required classes 'javax.servlet.Filter', 'org.springframework.http.server.ServerHttpRequest'; @ConditionalOnMissingClass did not find unwanted class"}]}}
}

heapdump

返回一个 GZip 压缩的 JVM 堆 dump

启动示例项目,访问:http://localhost:8080/actuator/heapdump会自动生成一个 Jvm 的堆文件 heapdump,我们可以使用 JDK 自带的 Jvm 监控工具 VisualVM 打开此文件查看内存快照。类似如下图:

shutdown

开启接口优雅关闭 Spring Boot 应用,要使用这个功能首先需要在配置文件中开启:

management:endpoint:shutdown:enabled: true

配置完成之后,启动示例项目,使用 curl 模拟 post 请求访问 shutdown 接口。

shutdown 接口默认只支持 post 请求。

curl -X POST "http://localhost:8080/actuator/shutdown" 
{"message": "Shutting down, bye..."
}

此时你会发现应用已经被关闭。

mappings

描述全部的 URI 路径,以及它们和控制器的映射关系

启动示例项目,访问:http://localhost:8080/actuator/mappings返回部分信息如下:

{"/**/favicon.ico": {"bean": "faviconHandlerMapping"},"{[/hello]}": {"bean": "requestMappingHandlerMapping","method": "public java.lang.String com.neo.controller.HelloController.index()"},"{[/error]}": {"bean": "requestMappingHandlerMapping","method": "public org.springframework.http.ResponseEntity<java.util.Map<java.lang.String, java.lang.Object>> org.springframework.boot.autoconfigure.web.BasicErrorController.error(javax.servlet.http.HttpServletRequest)"}
}

threaddump

/threaddump 接口会生成当前线程活动的快照。这个功能非常好,方便我们在日常定位问题的时候查看线程的情况。 主要展示了线程名、线程ID、线程的状态、是否等待锁资源等信息。

启动示例项目,访问:http://localhost:8080/actuator/threaddump返回部分信息如下:

[{"threadName": "http-nio-8088-exec-6","threadId": 49,"blockedTime": -1,"blockedCount": 0,"waitedTime": -1,"waitedCount": 2,"lockName": "java.util.concurrent.locks.AbstractQueuedSynchronizer$ConditionObject@1630a501","lockOwnerId": -1,"lockOwnerName": null,"inNative": false,"suspended": false,"threadState": "WAITING","stackTrace": [{"methodName": "park","fileName": "Unsafe.java","lineNumber": -2,"className": "sun.misc.Unsafe","nativeMethod": true},...{"methodName": "run","fileName": "TaskThread.java","lineNumber": 61,"className": "org.apache.tomcat.util.threads.TaskThread$WrappingRunnable","nativeMethod": false}...],"lockInfo": {"className": "java.util.concurrent.locks.AbstractQueuedSynchronizer$ConditionObject","identityHashCode": 372286721}}...
]

生产出现问题的时候,可以通过应用的线程快照来检测应用正在执行的任务。

loggers 端点

访问 http://localhost:8080/actuator/loggers 可以查看当前应用的日志级别等信息:

这里面本身并不特别,但是有一个功能却非常有用,比如我们生产环境日志级别一般都是 info,但是现在有一个 bug 通过 info 级别无法排查,那么我们就可以临时修改 log 级别。

比如上图中的 ROOT 节点是 info 级别,那么我们可以通过 postman 等工具来发一个 post 请求修改日志级别。

修改之后就会发现,日志由原来的 info 变成了 debug:

metrics 端点

metrics 是一个非常重要的监控端点,其监控内容覆盖了 JVM 内存、堆、类加载、处理器和 tomcat 容器等一些重要指标:

可以看到这里面包含了非常多的指标,任意访问一个指标就可以查看对应的指标信息:

自定义Endpoint

自定义配置来控制是否开启过滤

actuator:filter:switch: false

自定义监控端点常用注解

自定义一个监控端点主要有如下常用注解:

  • @Endpoint :定义一个监控端点,同时支持 HTTP 和 JMX 两种方式。

  • @WebEndpoint :定义一个监控端点,只支持 HTTP 方式。

  • @JmxEndpoint :定义一个监控端点,只支持 JMX 方式。

以上三个注解作用在类上,表示当前类是一个监控端点,另外还有一些注解会用在方法和参数上:

  • @ReadOperation :作用在方法上,可用来返回端点展示的信息(通过 Get 方法请求)。

  • @WriteOperation :作用在方法上,可用来修改端点展示的信息(通过 Post 方法请求)。

  • @DeleteOperation :作用在方法上,可用来删除对应端点信息(通过 Delete 方法请求)。

  • @Selector :作用在参数上,用来定位一个端点的具体指标路由。

一般情况下,是没必要自定义Endpoint的,但是也不排除特殊情况,我这里自定义一个Endpoint,用来往request里放一个user对象,这个user是用来做测试的,用于下面突破filter用的(下面再说),这里先说怎么增查这个user。

过程如下:

  • 使用@Endpoint注解相应的类,作为Actuator的一个endpoint。注解要指定id,这个id作为访问路径,比如这里是/actuator/super

  • @ReadOperation来注解查询接口,如果要根据路径做查询,要用@Selector注解方法参数;注意这地方是@Selector String arg0,这个arg0不能改变,改成其他的,开放出去的接口还是/{arg0},这就导致你的方法无法正常获取参数值。

  • @WriteOperation 来注解修改接口,注意请求数据必须是json,而且参数不像controller中那么灵活,不能将实体作为参数,要把实体中相应的属性拿出来做参数。

  • 这里在增加用户时,往request里放一个user对象。

SuperEndPoint :

package com.cff.springbootwork.actuator.endpoint;import java.util.Map;
import java.util.Set;
import java.util.concurrent.ConcurrentHashMap;import javax.servlet.http.HttpServletRequest;import org.springframework.boot.actuate.endpoint.annotation.Endpoint;
import org.springframework.boot.actuate.endpoint.annotation.ReadOperation;
import org.springframework.boot.actuate.endpoint.annotation.Selector;
import org.springframework.boot.actuate.endpoint.annotation.WriteOperation;
import org.springframework.web.context.request.RequestContextHolder;
import org.springframework.web.context.request.ServletRequestAttributes;@Endpoint(id = "super")
public class SuperEndPoint {private Map<String, SuperUser> users = new ConcurrentHashMap<>();@ReadOperationpublic Set<String> users() {return users.keySet();}@ReadOperationpublic SuperUser usersIdentify(@Selector String arg0) {return users.get(arg0);}@WriteOperationpublic Set<String> set(String userName, String passwd) {HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();if (request != null) {SuperUser superUser = new SuperUser();superUser.setUserName(userName);superUser.setPasswd(passwd);request.getSession().setAttribute("superUser", superUser);users.put(superUser.getUserName(), superUser);}return users.keySet();}public static class SuperUser {private String userName;private String passwd;public String getUserName() {return userName;}public void setUserName(String userName) {this.userName = userName;}public String getPasswd() {return passwd;}public void setPasswd(String passwd) {this.passwd = passwd;}}
}

还要将Endpoint注册为bean

MvcEndPointConfig:

package com.cff.springbootwork.actuator;import org.springframework.boot.actuate.autoconfigure.endpoint.condition.ConditionalOnEnabledEndpoint;
import org.springframework.boot.web.servlet.ServletComponentScan;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;import com.cff.springbootwork.actuator.endpoint.SuperEndPoint;@Configuration
@ServletComponentScan 
public class MvcEndPointConfig {@Bean@ConditionalOnEnabledEndpointpublic SuperEndPoint superEndPoint() {return new SuperEndPoint();}
}

使用Filter对访问actuator做限制

上面已经说了,actuator的接口要做保护,我这里就用filter对接口做最简单的保护。

  • /actuator/*下所有路径做过滤,并用actuator.filter.switch属性对filter做开关;

  • 如果时/actuator/super路径的post操作,放行它,它将会往request中放一个对象;

  • 其他/actuator/*下路径要判断request中有没有user对象,没有就返回错误提示。

ActuatorPermissionFilter :

package com.cff.springbootwork.actuator.filter;import java.io.IOException;import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.beans.factory.annotation.Value;
import org.springframework.core.annotation.Order;
import org.springframework.http.HttpMethod;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;import com.fasterxml.jackson.databind.ObjectMapper;@WebFilter(urlPatterns = "/actuator/*", filterName = "actuatorPermissionFilter")
@Order(1) // 指定过滤器的执行顺序,值越大越靠后执行
public class ActuatorPermissionFilter implements Filter {private String excludePath = "actuator/super";@Value("${actuator.filter.switch}")Boolean actuatorSwitch;@Overridepublic void init(FilterConfig filterConfig) {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)throws IOException, ServletException {HttpServletRequest request = (HttpServletRequest) servletRequest;HttpServletResponse response = (HttpServletResponse) servletResponse;if (actuatorSwitch && !(request.getRequestURI().endsWith(excludePath)&& request.getMethod().equals(HttpMethod.POST.toString()))) {Object user = request.getSession().getAttribute("superUser");if (user == null) {// 未登录,返回数据ObjectMapper mapper = new ObjectMapper();response.setStatus(HttpStatus.OK.value());response.setContentType(MediaType.APPLICATION_JSON_UTF8_VALUE);mapper.writeValue(response.getWriter(), "您没有权限访问该接口,请使用自定义的登录接口设置superUser后使用!");return;}}filterChain.doFilter(servletRequest, servletResponse);}@Overridepublic void destroy() {}}

Spring Boot Monitor做监控页面

额外引入依赖

<dependency><groupId>cn.pomit</groupId><artifactId>spring-boot-monitor</artifactId><version>0.0.1</version>
</dependency>

Spring Boot Monitor是一个对Spring boot admin监控工具做修改并适配单机的监控工具,完美继承了Spring boot admin的风格,直接使用actuator的指标进行显示。

  • Spring Boot Monitor官网:https://www.pomit.cn/SpringBootMonitor

前面maven依赖中,已经说明依赖spring-boot-monitor,这时,无需其他配置.

访问http://127.0.0.1:8080/monitor, 自动跳转到Spring Boot Monitor的监控页面。

Spring Boot Monitor的监控页面和Spring boot admin的一模一样,前端的功能也一模一样。

可以对Spring boot的各项指标一目了然,还可以进行简单的操作。

当然,如果Spring boot actuator的指标被限制了,它也拿不到相应的指标了,因为它是直接请求actuator接口的。


http://www.ppmy.cn/news/530414.html

相关文章

「网络编程」第二讲:socket套接字(四 - 完结)_ Linux任务管理与守护进程 | TCP协议通讯流程

「前言」文章是关于网络编程的socket套接字方面的&#xff0c;上一篇是网络编程socket套接字&#xff08;三&#xff09;&#xff0c;这篇续上篇文章的内容&#xff0c;下面开始讲解&#xff01; 「归属专栏」网络编程 「笔者」枫叶先生(fy) 「座右铭」前行路上修真我 「枫叶先…

「掌握计算机英语的秘诀:基础知识、常用词汇和技术术语一网打尽!」

计算机英语 计算机英语是计算机科学中非常重要的一部分。作为一名计算机从业者&#xff0c;我们需要掌握计算机英语&#xff0c;以便更好地与国际同行交流和学习。本文将介绍计算机英语的基础知识、常用词汇和技术术语&#xff0c;帮助大家更好地掌握计算机英语。 基础知识 …

PyCharm取消下划线

默认情况下&#xff0c;PyCharm中如果有语法错误或者不符合PEP8规范代码下面会有波浪线&#xff0c;语法错误波浪线为红色&#xff0c;不符合PEP8规范为浅黄色波浪线。 那么去掉波浪线的 方法一&#xff1a; 波浪线设置界面从PyCharm界面右下角的小人图标进入&#xff1a; 进…

Flutter TextField 去掉下划线

TextField 默认自带下划线, 然鹅现在UI设计一般做无边框输入框,通过简单设置decoration去掉下划线 border: InputBorder.none, TextField(style: TextStyle(color: Colors.white, fontSize: 16.0),decoration: InputDecoration(border: InputBorder.none,hintText: 输入提示占位…

TextFormField 去掉 下划线

TextFormField(decoration: InputDecoration(hintText: "再次填写确认", //网上搜索的 都是 border: InputBorder.none 发现不管用 //border: InputBorder.none, //经过查看代码发现加上以下两个可以去掉enabledBorder: InputBorder.none,focusedBorder: InputBorder…

怎么把router-link 自带的下划线去掉?

<router-link >标签的实质就是<a>&#xff0c; 解决方法如下

怎样将word中拼写错误的下划线去掉——有方法

打开Word文档&#xff0c;选择菜单栏的“工具”-->选项-->拼写和语法&#xff0c;然后将“键入时检查拼写”和“键入时检查语法”前面的勾去掉。然后将“隐藏文档中的拼写错误”和“隐藏文档中的语法错误”前面的勾勾上&#xff0c;最后确定。 转载于:https://www.cnblog…

超链接去掉下划线代码

标题&#xff1a;超链接去掉下划线代码 style“text-decoration:none”

php链接没有下划线,html超链接怎么去掉下划线

html超链接怎么去掉下划线&#xff1f; 可以用css的text-decoration:none来取消连接的下划线 推荐&#xff1a;《html教程》 扩展资料&#xff1a; 超级文本标记语言是标准通用标记语言下的一个应用&#xff0c;也是一种规范&#xff0c;一种标准&#xff0c;它通过标记符号来标…

element plus中的el-link如何去掉下划线

解决方法&#xff1a;在el-link中增加 :underlinefalse <el-table-columnproperty"name"label"名称"show-overflow-tooltip><template #default"scope">//去掉下滑先属性 :underline"false"<el-link:underline"f…

key去掉下划线自动大写首字母工具类

例如&#xff1a; total_add_often_people -> totalAddOftenPeople 我这里用map 中key的转换作为例子&#xff0c;也可以截取直接使用 /*** key去掉下划线自动大写首字母* total_add_often_people -> totalAddOftenPeople* param map* return*/public static Map<St…

php中超链接去掉下划线,CSS和html中超链接去掉下划线的方法总结

在我们日常的Web的开发中&#xff0c;我们知道一般没有做css初始化的时候&#xff0c;网页中带超链文字会出现下划线&#xff0c;那么为了网页中的美观以及视觉效果&#xff0c;我们一般都会去掉超链的下划线&#xff0c;那么改如何的设置呢&#xff1f;下面我们就给大家详细介…

【Andrid】去掉android中EditText的下划线

去掉android中EditText的下划线 android:background"null"

Flutter Text 去掉黄色下划线

Flutter 中如果没有使用Material的话Text会有黄色的下划线&#xff0c; 解决方法&#xff1a; 在Text 样式style 中加入属性decoration: TextDecoration.none 如下&#xff1a; Text(加载中,style: TextStyle(fontSize: 17,color: Color(0xff3c3c3c),decoration: TextDecorat…

Linux如何使用Nano编辑器

Nano是一个文本编辑器&#xff0c;适用于命令行环境下的Linux系统。它具有简单易用的特点&#xff0c;适合初学者和有限的编辑需求。下面是一些Nano编辑器的详细命令和操作。 1. 启动Nano 要启动Nano编辑器并打开一个文件进行编辑&#xff0c;可以使用以下命令&#xff1a; …

Flutter TextFiled去掉下划线

Flutter系统自带的TextFiled都带有下划线&#xff0c;有时候我们并不需要 此时我们只需要在decoration中加入一下代码&#xff1a; Container(alignment: Alignment.topLeft,child: TextField(maxLines: 10,onChanged: _textFieldChanged,autofocus: false,decoration: InputD…

html不用css超链接去掉下划线,div css之去掉a超链接下划线样式

一、去掉字体下划线装饰CSS属性格式代码 text- 解释&#xff1a; CSS下划线格式单词&#xff1a;text- 不闪现下划线(去掉字体下划线花色)&#xff1a;none 二、网页重构前初始化去掉超链接下划线 由于有的浏览器默认情况下超链接是有下划线&#xff0c;有的是不有下划线&#…

HTML怎么消除链接下划线,HTML怎么去掉超链接的下划线

2 回答 2020-10-27 浏览:7 分类:办公入门 回答:推荐方法: 不要将超链接添加在文字身上,选择文本框的边线添加链接,就不会有下划线了,也不存在点击后变色的问题。 方法2:在文字上方加透明长方形之类,在长方形上做链接。 2 回答 2021-03-10 浏览:2 分类:办公入门 回答…

Android EditText去掉下划线

默认的EditText是带有下划线的&#xff0c;有时候我们需要去掉下划线跟边框 主要是在xml中进行设置 主要代码为&#xff1a;android:background”null” <EditTextstyle"?android:attr/textViewStyle"android:layout_width"wrap_content"android:la…

html下拉栏去掉样式,怎么去掉下划线样式?

怎么去掉超链接下划线?下面本篇文章给大家介绍一下在html网页和word文档中去掉下划线样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 html代码中去掉超链接的下划线 前端网页的开发中总是不可避免会使用到超链接,但是使用超链接时下面都会有…