spring boot admin ui 二次开发(一)

spring boot admin ui 二次开发

我们使用spring boot admin进行项目的监控.但是我们对界面进行二次的开发的需求.因为admin的前端是用vue写的,所以需要会vue.

一.项目下载

下载git地址:

https://github.com/codecentric/spring-boot-admin.git

我们在对应的2.2.X下面进行二次开发.

1. 下载项目截图如下.

二.项目启动

其中spring-boot-admin-server-ui为vue的前端界面,spring-boot-admin-sample-servlet为已经配置好的servlet的界面.

spring-boot-admin-server-ui项目cmd路径下执行

cnpm install

执行打包:

npm run watch

接下来启动spring-boot-admin-sample-servlet(SpringBootAdminServletApplication.java)界面如下:

登录账号密码为 : 账号: user 密码 password

三.自定义修改

spring-boot-admin-sample-servlet( yml文件中 修改配置文件在insecure中添加如下代码

spring:
  profiles: insecure
  boot:
    admin:
      ui:
        cache:
          no-cache: true
        template-location: file:@project.basedir@/../../spring-boot-admin-server-ui/target/dist/
        resource-locations: file:@project.basedir@/../../spring-boot-admin-server-ui/target/dist/
        cache-templates: false
        extension-resource-locations: file:@project.basedir@/../spring-boot-admin-sample-custom-ui/target/dist/
info.tags.security: insecure

使用insecure的profile

spring:
  application:
    name: spring-boot-admin-sample-servlet
  profiles:
    active:
      - insecure

修改 applications中 i18n.zh.json的all_up的中文名称.

重新启用vue,java程序

看到如下界面:

四.项目额外配置

而我们在自己的项目中需要额外将UI这个jar包排除掉.

<dependency>
  <groupId>de.codecentric</groupId>
  <artifactId>spring-boot-admin-starter-server</artifactId>
  <exclusions>
    <exclusion>
      <groupId>de.codecentric</groupId>
      <artifactId>spring-boot-admin-server-ui</artifactId>
    </exclusion>
  </exclusions>
</dependency>

下一篇将讲述如何开发 链接