SpringCloud系列 Eureka Server 汉化教程

一、背景

  在学习Spring Cloud过程中，使用了Eureka发现服务，但是发现EurekaServer的界面全英文，并且和我们现在页面风格不符，所以尝试找到汉化和修改样式的方法。网上的方法多，但是大多都是，下载jar替换文件，这样做的话，需要把jar修改后重新上传到私服，更新也是比较麻烦

二、主要思路

  方式还是采用覆盖但是，不是修改jar包，而是将jar中文件复制到新项目中，放到resource文件下，通过打包进行文件覆盖

三、实现过程

解压 spring-cloud-netflix-eureka-server.jar

将 static 和 templates 两个文件夹复制到resource中

修改ftl文件 和 css 文件

四、代码实现

Pom 文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion>

<groupId>com.demodashi</groupId>
<artifactId>eureka-server-hans</artifactId>
<version>1.0-SNAPSHOT</version>
<name>Eureka 服务器</name>

<properties>
<spring.cloud.version>Edgware.SR2</spring.cloud.version>
</properties>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.5.9.RELEASE</version>
</parent>

<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-starter-eureka-server</artifactId>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
<dependencyManagement>
<dependencies>
<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-dependencies</artifactId>
<version>${spring.cloud.version}</version>
<type>pom</type>
<scope>import</scope>
</dependency>
</dependencies>
</dependencyManagement>
</project>

修改ftl 和 css

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="<@spring.url dashboardPath/>">首页</a>
</li>
<li>
<a href="<@spring.url dashboardPath/>/lastn">启动时起最后1000条</a>
</li>
</ul>
</div>

.navbar {
border-top: 4px solid #6db33f;
background-color: #ccc;
margin-bottom: 0px;
border-bottom: 0;
border-left: 0;
border-right: 0;
}

五、效果图

六、代码结构

-------------分割线---------------

没想到这篇文章会有这么多人看，在结尾附上我汉化的代码

https://gitee.com/ifaxin/eureka-server-hans.git