Springboot maneja recursos estáticos web
Recursos estáticos: html, js, css, etc.
Springboot es un paquete jar, por lo que los recursos estáticos no se almacenan en la aplicación web (originalmente proyecto Maven) .
La ruta de almacenamiento de los recursos estáticos se especifica mediante el método addResourceHandlers () en la clase WebMvcAutoConfiguration.
En el pasado, se introdujeron recursos estáticos como js, y estos recursos se descargaron y luego se colocaron manualmente en el directorio de aplicaciones web;
Springboot introduce estos recursos estáticos directamente en el proyecto en forma de archivos jar (maven).
Al acceder al paquete jar importado, ¡comience a escribir desde webjars!
Ejemplo: introduzca un jQuery y visite
Primero descargue el paquete jar:
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>jquery</artifactId>
<version>3.3.1</version>
</dependency>Luego busque el paquete del tarro:
Inicie el proyecto y acceda al recurso estático:
http: // localhost: 8080 / webjars / jquery / 3.3.1 / dist / jquery.js
¿Cómo poner los recursos estáticos escritos por usted mismo en Springboot?
Método 1: escriba los recursos estáticos escritos por usted mismo en los paquetes jar y luego introduzca springboot.
Método 2: (recomendado)
Springboot establece algunas estructuras de directorio en directorios de almacenamiento de recursos estáticos, y los recursos estáticos escritos por nosotros mismos se pueden colocar directamente en estos directorios.
① "classpath: / META-INF / resources /"
② "ruta de clase: / recursos /"
③ "classpath: / static /"
④ "ruta de clase: / public /"
Después de almacenar los archivos de recursos en el directorio anterior, no es necesario que agregue un prefijo al acceder a él, ¡solo acceda directamente!
Ejemplo:
Primero cree una nueva página hello.html en el directorio de almacenamiento de recursos estáticos:
Luego venimos a visitarlo:
Cuando agregamos el prefijo: no accesible
Al visitar directamente: éxito
Configurar página de bienvenida
WebMvcAutoConfiguration 类 中 的 welcomePageHandlerMapping () -> getWelcomePage () -> ubicación + "index.html"
Es decir, index.html en cualquier directorio de almacenamiento de recursos estáticos es la página de bienvenida .
Establecer el logo
Las etiquetas de la página web en cada sitio web tienen Logo, por ejemplo: el logo de CSDN es
El logotipo de la etiqueta de la página web en el sitio web tiene un nombre fijo: favicon.ico
Favicon.ico personalizado:
Al leer el código fuente, sabemos: ¡simplemente coloque favicon.ico en cualquier directorio de almacenamiento de recursos estáticos!
Cómo personalizar el directorio de almacenamiento de recursos estáticos
archivo de propiedades (prefijo + nombre de propiedad)
spring.resources.static-locations = classpath: / res /, classpath: / img /
Después de la personalización, la ruta de almacenamiento de recursos estáticos predeterminada anterior dejará de ser válida.
para resumir:
1. Encontrado a través del código fuente: el directorio de almacenamiento de recursos estáticos es
① "classpath: / META-INF / resources /"
② "ruta de clase: / recursos /"
③ "ruta de clase: / estática /"
④ "classpath: / public /"
2. Utilice recursos estáticos: simplemente coloque los recursos estáticos en el directorio anterior
3. Para otros archivos específicos, como la página de bienvenida y el logotipo, solo necesita poner la convención en el directorio de almacenamiento de recursos estáticos.