自定义你自己的Eureka管理界面

简介: `Eureka`服务端的界面是可以自定义的,而且方式比较简单,下面我们来看下修改方式。

Eureka服务端的界面是可以自定义的,而且方式比较简单,下面我们来看下修改方式。

在某一些公司内部,服务注册中心界面可能需要完全自定义,需要携带一些公司的特性以及元素,如果是这样那么本章节的内容可以帮到你,效果可以查看我公开的Open Eureka Server服务。

创建Eureka Server项目

使用IDEA开发工具创建一个SpringBoot项目,在pom.xml内添加依赖如下所示:

<properties>
  <java.version>1.8</java.version>
  <spring-cloud.version>Hoxton.RC2</spring-cloud.version>
</properties>

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

<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>

启用Eureka Server

我们在启动类XxxApplication使用@EnableEurekaServer注解来启用Eureka管理端的功能,如下所示:

/**
 * 自定义Eureka Server管理界面
 *
 * @author 恒宇少年
 */
@SpringBootApplication
@EnableEurekaServer
public class CustomizeEurekaManagePageApplication {

    public static void main(String[] args) {
        SpringApplication.run(CustomizeEurekaManagePageApplication.class, args);
    }

}

配置服务

接下来我们在application.yml配置文件内添加Eureka相关配置信息,如下所示:

spring:
  application:
    name: customize-eureka-manage-page
# Eureka配置
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:${server.port}/eureka/
    fetch-registry: false
    register-with-eureka: false

server:
  port: 10000

自定义页面

spring-cloud-netflix-eureka-server-xx.xx.xx.jar依赖文件内我们可以找到tempaltes.eureka目录,结构如下图所示:

customize-eureka-manage-page-1.png

templates.eureka目录下存放了Erueka Server管理页面的模板文件,我们可以将模板文件复制出来到当前项目的resources/templates/eureka目录下,然后进行自定义界面内容。

  • header.ftlh:顶部菜单导航模板页面
  • lastn.ftlh:服务注册记录模板页面
  • navbar.ftlh:首页导航栏信息模板页面
  • status.ftlh:服务所在服务器的基本状态模板页面

我们找到navbar.ftlh文件,这个文件内是Eureka Server在首页显示系统信息、服务注册列表、服务服务器基本信息的展示页面,我们简单在System Status分类下的第一个table内添加一行信息,如下所示:

<tr>
  <td>程序员恒宇少年</td>
  <td><img src="https://blog.minbox.org/images/profile2.png" width="400px"/></td>
</tr>

查看效果

我们来启动或重启下本项目,访问http://127.0.0.1:10000,查看效果如下图所示:

customize-eureka-manage-page-2.png

总结

通过修改templates.eureka目录下的文件我们就可以完成Eureka Server界面的自定义的操作,完全可以将页面的内容都进行定制化,心随所动,赶紧行动起来吧~

代码示例

本篇文章示例源码可以通过以下途径获取,目录为customize-eureka-manage-page

相关文章
|
9月前
|
前端开发
SSM整合-前后台协议联调(列表功能、添加功能、添加功能状态处理、修改功能、删除功能)
SSM整合-前后台协议联调(列表功能、添加功能、添加功能状态处理、修改功能、删除功能)
99 0
|
9月前
|
druid NoSQL Redis
后台组件-配置
配置组件集成了平台所需的各类公用配置
|
6月前
|
搜索推荐
7、自定义工作界面
这篇文章是关于如何自定义Photoshop工作界面的,但具体内容没有在摘要中提供,因此无法给出详细摘要。如果需要了解Photoshop工作界面的自定义方法,包括面板、菜单、快捷键等的个性化设置,建议直接访问博客以获取完整信息。
7、自定义工作界面
|
9月前
|
Cloud Native Java Nacos
Nacos 1.4.1核心功能组件及使用入门
以上步骤提供了 Nacos 1.4.1 的基本使用概览,具体的配置和使用可能根据你的环境和需求有所不同。
277 6
|
9月前
|
JSON JavaScript 小程序
uniapp的配置文件、入口文件、主组件、页面管理部分
uniapp的配置文件、入口文件、主组件、页面管理部分
|
XML 前端开发 数据库
若依框架如何开启注册功能?
若依框架如何开启注册功能?
1918 0
|
SpringCloudAlibaba 网络协议 Cloud Native
springCloudAlibaba组件-Nacos-功能概述与配置(一)
springCloudAlibaba组件-Nacos-功能概述与配置(一)
|
Nacos 微服务
Nacos配置管理-统一配置管理、配置自动刷新、多环境多服务共享配置
Nacos配置管理-统一配置管理、配置自动刷新、多环境多服务共享配置
314 0
Etherpad配置及管理功能
Etherpad配置及管理功能
323 0
Etherpad配置及管理功能
SpringBoot2.x基础篇:应用程序在启动时发布ApplicationEvents要怎么注册监听?
在`SpringFramework`编写过程中使用了大量的`Event/Listener`来做一些解耦的任务工作,当然在`SpringBoot`内同样也沿用了这一点,如果你看过我写的 [业务解耦利器Event/Listener](https://blog.minbox.org/spring-event-listener.html) ,你应该了解事件的发布都是由`ApplicationContext`进行控制,但是在`SpringBoot`启动过程中有一些`Event`是在`ApplicationContext`实例化之前发布的,那我们要怎么去监听这些`Events`呢?