No pude evitar mi vida por el día, yo soy el dueño de la interfaz de usuario "Primavera de arranque interfaz de usuario Admin personalización de la página" - el primer 298

image.png


"Necesidades tan pervertido, no es lo que realmente quieren estudiar, más que una pérdida de tiempo."

fibra de Wu: Maestro, veo página de administración-ui no es una cosa muy bonita?

Maestro: Es innegable administrador-ui página se ve bien, pero en la práctica, la dirección siempre ***, sabes, por lo que el producto por ejemplo, para fundir en todo el proyecto, requiere un aspecto unificado y la sensación.

Wu Fibra: producto tóxico de la misma, que no debe ser el liderazgo tóxico (liderazgo hizo aquí, dicen los líderes, mañana pueden no recibir cheques casa).

Wu Fibra: A pesar de que tiene diez mil "***", pero tuvo que hacer. Esta es la guerra de los productos y tecnologías.

Maestro: discípulos, Mo pánico, dejar que el maestro lo lleve lentamente le mostrará la siguiente

image.png

 

En primer lugar, la idea

       Idea aquí es proporcionar una no es necesariamente la única manera de auto-definido, de pensar, pero esta idea funcionamiento práctico relativamente fuerte, de hecho realización puede ser empleado en la práctica.

código fuente de primavera-boot-admin (1) hallazgo.

(2) encontrar información sobre el código fuente de primavera-boot-admin-server-ui, se puede ver un catálogo frontend es el uso de vue escribió una portada.

(3) en la primera página de modificar, cambiar después de terminar, volver a compilar.

(4) Proyectos de reenvasado.

(5) el uso de nuestra propia compilación de administrador de servidor de interfaz de usuario.

 

En segundo lugar, la operación real

2.1  Fuente Descarga

    Descargar Fuente primavera-boot-admin-master, Descarga:

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

2.2  modificar el archivo delante


En el archivo delante:

primavera-boot-admin-master / primavera-boot-admin-server-ui / src / / frontend principal

Directorio.

 image.png

Por ejemplo, modificamos vistas / aplicaciones archivo / i18n.zh.json: 

image.png

2.3  archivos de front-end se compilan

Utilice el siguiente comando para compilar en el directorio de interfaz:

NPM instalar

NPM acumulación de ejecución

编译成功的话,在spring-boot-admin-server-ui/target/dist可以看到编译的文件。

 

2.4 打包项目



    将前端文件打包到admin-server-ui.jar文件中,在spring-boot-admin-master下执行如下命令:

./mvnw clean package

注意:第一次使用这个打包命令会感觉卡主一样,等待几分钟,然后就会有信息打印了,第一次打包也会时间比较长。


打包之后,可以看到spring-boot-admin-server-ui/target下的jar文件:spring-boot-admin-server-ui-2.2.0-SNAPSHOT.jar ,其它的jar就不用管了。

 

2.6 引入到admin-server项目中使用

    使用方式可以将这个jar上传到maven中,另外一方面直接使用本地文件,还有需要注意的地方就是原先的admin-start-server就要排除admin-ui的依赖,pom.xml配置参考:

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

        <dependency>  
                <groupId>de.codecentric</groupId>  
                <artifactId>spring-boot-admin-server-ui-custom</artifactId>  
                <version>2.2.0</version>  
                <scope> sistema </ scope>   
                <systemPath> $ {} project.basedir /libs/spring-boot-admin-server-ui-2.2.0-SNAPSHOT.jar </ systemPath>   
        </ dependency>


2.7  de verificación

    Ejecutar administrador-servidor, y luego acceder a ella, mirada a los resultados:

image.png

fibra de Wu: Maestro, todavía vivo en la amistad y producto de ella, nada situación de desarrollo personalizado voluntad, no es necesario.

Maestro: Esta es, en efecto, en el caso de que no sea esencial, o no pasar la experiencia de los anteriores, o gastar su tiempo en otras funciones más valiosas ahora, se ha ocupado de todo esto es para uso desarrollador buen aspecto.

image.png

image.png

image.png

我就是我,是颜色不一样的烟火。

我就是我,是与众不同的小苹果。


Supongo que te gusta

Origin blog.51cto.com/11142439/2481025
Recomendado
Clasificación