当前位置：首页 > news >正文

SpringMVC 使用thymeleaf 进行数据展示

news 来源：原创 2025/4/29 6:43:25

thymeleaf 是前端的视图解析器，可以用于html页面上变量的渲染，如何来使用thymeleaf，下面我们来说一下：

首先引入相关的依赖：

	<dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId><version>3.0.13.RELEASE</version></dependency>

在spring-servlet.xml 中配置视图解析器：

   <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver"><property name="order" value="1"/><property name="characterEncoding" value="UTF-8"/><property name="templateEngine"><bean class="org.thymeleaf.spring5.SpringTemplateEngine"><property name="templateResolver"><bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver"><property name="prefix" value="/"/><property name="suffix" value=".html"/><property name="templateMode" value="HTML5"/><property name="characterEncoding" value="UTF-8" /></bean></property></bean></property></bean>

在接口中返回ModelAndView：

	//@RequestPARAM@RequestMapping("dologin2")public ModelAndView dologin2(@RequestParam("username") String name,@RequestParam String password) {System.out.println("******");System.out.println(name);if("张三".contentEquals(name) && "123".contentEquals(password)) {ModelAndView mv=new ModelAndView();mv.addObject("username", name);mv.setViewName("success");			return mv;}else {ModelAndView mv=new ModelAndView();mv.addObject("username", name);mv.setViewName("login");return mv;}}

页面上展示：

<body class="bg-gray-100 flex justify-center items-center h-screen"><div class="bg-white p-8 rounded shadow-md"><h1 class="text-3xl font-bold text-center text-blue-600">Hello, World!</h1><div class="modal-body"><p>用户ID: <span th:text="${info}"></span></p></div></div>
</body>

上述就实现了页面上的数据的展示，通过thymeleaf 来对html页面上的数据进行展示！

希望对你有所帮助！