快捷導航

SpringMVC 如何使用thymeleaf 進行數(shù)據(jù)展示

更新時間：2025年05月26日 09:36:41 作者：我是大頭鳥

thymeleaf是前端的視圖解析器,可以用于html頁面上變量的渲染,如何來使用thymeleaf,下面通過本文給大家介紹SpringMVC 如何使用thymeleaf進行數(shù)據(jù)展示,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧

thymeleaf 是前端的視圖解析器，可以用于html頁面上變量的渲染，如何來使用thymeleaf，下面我們來說一下：

首先引入相關(guān)的依賴：

<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>

上述就實現(xiàn)了頁面上的數(shù)據(jù)的展示，通過thymeleaf 來對html頁面上的數(shù)據(jù)進行展示！

希望對你有所幫助！

到此這篇關(guān)于SpringMVC 使用thymeleaf 進行數(shù)據(jù)展示的文章就介紹到這了,更多相關(guān)SpringMVC thymeleaf 數(shù)據(jù)展示內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: