"SpringBoot - Ver tecnología - Thymeleaf

En aplicaciones web, el patrón de diseño MVC se utiliza a menudo para implementar modelos, vistas y controladores correspondientes, donde la vista es la interfaz que los usuarios ven e interactúan. Para las primeras aplicaciones web, las vistas eran interfaces estáticas compuestas de elementos HTML; las aplicaciones web posteriores tendían a utilizar tecnología de plantillas dinámicas para lograr la separación del front-end y el back-end y la visualización dinámica de datos en la página. El marco Spring Boot proporciona cierto soporte de tecnología de visualización para simplificar el desarrollo general del proyecto y recomienda principalmente integrar la tecnología del motor de plantillas para implementar contenido dinámico en la página de inicio. Este artículo integra Thymeleaf comúnmente utilizado en SpringBoot.

Thymeleaf es una tecnología de motor de plantillas Java moderna basada en el lado del servidor. También es una excelente plantilla de página XML, XHTML y HTML5 para Java. Tiene un rico lenguaje de marcado, funciones y expresiones. Al diseñar páginas con el marco Spring Boot, generalmente se eligen las plantillas Thymeleaf. Aquí aprendemos las etiquetas y expresiones comunes de Thymeleaf.

Etiquetas Thymeleaf

El uso de etiquetas simplemente agrega un espacio de nombres. En otras palabras, simplemente modifique la segunda línea del html original.

La expresión de variable ${...} se utiliza principalmente para obtener el valor de la variable en el contexto. El código de muestra es el siguiente.

Este es el título.

- La expresión variable ${...} se utiliza en las plantillas de Thymeleaf. para recuperar dinámicamente el contenido de la etiqueta p - Si el programa no se está ejecutando actualmente o la variable de título no existe en el contexto actual, este fragmento de código mostrará el valor predeterminado de la etiqueta "Este es el título" - Si la variable de título; existe en el contexto actual, y si el programa ya se está ejecutando, el contenido de texto predeterminado de la etiqueta p actual será reemplazado por el valor de la variable de título. Si la variable de título existe en el contexto actual y el programa se ha iniciado, el contenido de texto predeterminado de la etiqueta p actual será reemplazado por el valor de la variable tite, logrando así el efecto de reemplazar dinámicamente los datos en la página del motor de plantillas.

Thymeleaf proporciona algunos objetos integrados para el dominio donde se encuentra la variable

Según la descripción de los objetos integrados anterior, suponga que desea recuperar dinámicamente el archivo actual. información del país en la página del motor de plantillas Thymeleaf. Puede usar los objetos integrados #locale

para elegir entre expresiones y variables. Las expresiones se usan como expresiones variables y generalmente se usan para obtener valores de propiedad del. objeto seleccionado en lugar del contexto. Si no hay ningún objeto seleccionado, es lo mismo que la expresión variable. El código de muestra es el siguiente.

La expresión de mensaje #{...} se utiliza principalmente para reemplazar y mostrar dinámicamente contenido internacionalizado en páginas de plantilla de Thymeleaf. Cuando utilice la expresión de mensaje #{...} para la configuración de internacionalización, también debe proporcionar algunos archivos de configuración de internacionalización. Explicaremos el uso de expresiones de mensajes con más detalle a continuación cuando cubramos la internacionalización.

La expresión de enlace @{...} se usa generalmente para saltos de página o introducción de recursos. Desempeña un papel muy importante en el desarrollo web y se usa con mucha frecuencia.

La expresión de fragmento ~{...} es un método para mover fragmentos de marcado a una plantilla. Uno de los usos más comunes es insertar fragmentos usando los atributos th:insert o th:replace

Spring Boot establece la ruta de acceso a recursos estáticos de forma predeterminada y, de forma predeterminada, asigna todos los accesos a /** a el siguiente índice.

Creamos un proyecto springboot para este experimento. El nombre del proyecto es springboot_01_thyme. java8, springboot2.6.6

Cree una clase LoginController para probar el efecto de reemplazo de datos.

Escribimos un login.html para realizar pruebas. Importamos los estilos de arranque en static/login y definimos algunos de nuestros propios CSS.

Finalmente, realizamos la prueba visitando blogs.com/hjk-airl/p/16181598.html