Thymeleaf 模板和springMvc的整合以及如何在前段页面使用取值

本文介绍了如何将Thymeleaf模板引擎与SpringMVC框架进行整合,详细讲解了配置步骤,并展示了在前端页面中如何使用Thymeleaf表达式进行数据取值,为开发提供便利。
摘要由CSDN通过智能技术生成
1.建一个springMVC项目 2.加jar包 - 1)gradle加jar包 compile(“org.springframework.boot:spring-boot-starter-thymeleaf”) 这个东西是个机遇maven的项目构成工具,不用的人不用鸟它 - 2)jar包下载地址 http://www.thymeleaf.org/download.html 官网 3.在web.xml中配置servlet
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"       xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                 http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
         version="3.0">
    <servlet>
        <servlet-name>appServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>            <paramname>contextConfigLocation</paramname>       <paramvalue>/WEBINF/servletcontext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>appServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

4.在配置的servlet.xml文件夹里配置thymeleaf相<?xml 

version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd
       http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.1.xsd">

       <!-- Scans the classpath of this application for @Components to deploy as beans -->
       <context:component-scan base-package="com.test.thymeleaf.controller" />

       <!-- Configures the @Controller programming model -->
       <mvc:annotation-driven />

        <!--Resolves view names to protected .jsp resources within the /WEB-INF/views directory -->
        <!--springMVC+jsp的跳转页面配置-->
       <!--<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">-->
              <!--<property name="prefix" value="/WEB-INF/views/" />-->
              <!--<property name="suffix" value=".jsp" />-->
       <!--</bean>-->

       <!--springMVC+thymeleaf的跳转页面配置-->
       <bean id="templateResolver"
          class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
         <property name="prefix" value="/WEB-INF/views/" />
         <property name="suffix" value=".html" />
         <property name="templateMode" value="HTML5" />
       </bean>

       <bean id="templateEngine"
           class="org.thymeleaf.spring4.SpringTemplateEngine">
          <property name="templateResolver" ref="templateResolver" />
       </bean>

       <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
         <property name="templateEngine" ref="templateEngine" />
       </bean>
</beans> 
5.在cotroller中定义入口 package com.test.thymeleaf.controller; import com.test.thymeleaf.domain.User; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; importorg.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; @Controller public class HomeController { User user = new User(); //入口 @RequestMapping(value = “/home”) public String home(Model model) { model.addAttribute(“user”,user); return “aa”; }   //提交表单后进行数据读取,并将数据传出 @RequestMapping(value = “/bb”,method = RequestMethod.POST) public String bb(User user,Model model) { model.addAttribute(“user”, user); model.addAttribute(“message”, “,welcome”); return “bb”; } } 静态页面加入项目中,并添加thymeleaf标签   注意头文件    (用th:object定义表单数据提交对象,用th:field定义表单数据属性,用*{}锁定上级定义的对象,{}内填写对象属性,提交表单时自动降属性值封 ad> Home .html(用${}读取后台传出的数据动态替换静态数据“vinphy,”和”welcome!”) Home
vinphy, welcome!



7.部署访问

   部署后访问http://localhost:8080/home进行访问,出现aa.html的内容
> http://www.cnblogs.com/vinphy/p/4673918.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值