SpringMVC 使用thymeleaf 进行数据展示

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:

java 复制代码
	//@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;
		}
		
	}

页面上展示:

html 复制代码
<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页面上的数据进行展示!

希望对你有所帮助!

相关推荐
武子康1 小时前
Java-80 深入浅出 RPC Dubbo 动态服务降级:从雪崩防护到配置中心秒级生效
java·分布式·后端·spring·微服务·rpc·dubbo
YuTaoShao4 小时前
【LeetCode 热题 100】131. 分割回文串——回溯
java·算法·leetcode·深度优先
源码_V_saaskw4 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
超浪的晨4 小时前
Java UDP 通信详解:从基础到实战,彻底掌握无连接网络编程
java·开发语言·后端·学习·个人开发
双力臂4045 小时前
Spring Boot 单元测试进阶:JUnit5 + Mock测试与切片测试实战及覆盖率报告生成
java·spring boot·后端·单元测试
Edingbrugh.南空5 小时前
Aerospike与Redis深度对比:从架构到性能的全方位解析
java·开发语言·spring
QQ_4376643146 小时前
C++11 右值引用 Lambda 表达式
java·开发语言·c++
永卿0016 小时前
设计模式-迭代器模式
java·设计模式·迭代器模式
誰能久伴不乏6 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
慕y2746 小时前
Java学习第七十二部分——Zookeeper
java·学习·java-zookeeper