[springboot] SBA UI 源码定制修改

Spring Boot Admin 2.1.6 源码

一、基于 Spring Boot Admin UI 源码定制化

测试node版本：16.12.0 npm版本：8.1.0 cnpm 版本：8.12.2

导入源码相关前端源码在 spring-boot-admin-server-ui
代码使用 vue实现，编译操作步骤如下

• 修改 package.json ，追加内容如下："serve": "vue-cli-service serve"
  
• 安装依赖：cnpm install
• 启动项目：cnpm run-script serve
  可能存在搞错信息：Error: Node Sass version 7.0.1 is incompatible with ^4.0.0
  Node Sass 7.0.1 版与 ^4.0.0 不兼容，解决操作步骤
  • npm uninstall node-sass
  • npm i -D sass

    移除 about 界面案例

    Spring Boot Admin 默认标题栏有四个界面，去除其中 About ，效果图如下：
    
    注释前端代码
    

    重新编译 Spring Boot Admin 源码

    略，需上传私有仓库，引用私有仓库依赖

    二、基于 Spring Boot Admin UI 扩展，嵌入功能

    Spring Boot Admin 提供 UI 扩展能力，相关案例在 spring-boot-admin-samples/spring-boot-admin-sample-custom-ui：
    
    通过自定义UI，能够扩展相关功能点，例如在 Spring Boot Admin 2.x 中，不在支持应用 Hystrix Dashboard 的集成，可以通过自定义的方式嵌入应用 Hystrix 监控，效果如下：
    
    相关案例跳转 ->