Introduction to the basic steps of spring boot using thymeleaf as a template

preface

In the development process, it is necessary to use template engine. JSP obviously can't keep up with the development of the times. Is freemaker enough? Try another thymeleaf.

FreeMarker and thymeleaf are officially recommended by springboot. Compared with FreeMarker, thymeleaf is more powerful. It can dynamically replace the static content in the tag, so that the front end can write the page and the background can roll up the interface. It only needs to replace the variables. This concept is unknown whether Vue copied thymeleaf or thymeleaf copied Vue, But it doesn't matter. For our code slaves, it's good to be practical.

After consulting the data and configuring it, I will now share the implementation process with you. I won't say much below. Let's take a look at the detailed introduction together.

I. Introduction of POM

II. Application Properties add thymeleaf configuration

III. writing HTML

IV. testing

V. page effect

Land and data rendering

Vue has a problem of SSR (server-side rendering). Although it also has solutions (see my previous article separating nuxt.js from the front end to solve SEO problems), it always feels that it is better to let the appropriate technology do the business, and thymeleaf is still equivalent to rendering on the server-side. Check the page source code as follows: