一、项目配置

以前在SpringBoot中使用过Thymeleaf，感觉非常好用，可是现在准备做一个ssm的项目，里面需要集成一个前端模版引擎。为什么选择Thymeleaf，他有以下好处

  • Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。
  • Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
  • Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

1、项目结构

2、父pom.xml

<properties><spring.version>4.3.20.RELEASE</spring.version><thymeleaf.version>3.0.6.RELEASE</thymeleaf.version></properties><!-- 依赖声明 --><dependencyManagement><dependencies><!-- SpringMVC 依赖配置--><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>${spring.version}</version></dependency><!-- SpringMVC 依赖配置--><!-- Thymeleaf 依赖配置--><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring4</artifactId><version>${thymeleaf.version}</version></dependency><!-- Thymeleaf 依赖配置--></dependencies></dependencyManagement>

3、pom.xml

    <dependencies><!-- junit --><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.11</version><scope>test</scope></dependency><!-- junit --><!-- SpringMVC 依赖配置--><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId></dependency><!-- SpringMVC 依赖配置--><!-- Thymeleaf 依赖配置--><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring4</artifactId></dependency><!-- Thymeleaf 依赖配置--></dependencies>

4、web.xml

<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" >
<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"><display-name>upms-server</display-name><!-- Spring的配置--><context-param><param-name>contextConfigLocation</param-name><param-value>classpath*:spring-servlet.xml</param-value></context-param><listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class></listener><!-- springMVC的核心控制器 --><servlet><servlet-name>springMVC</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>classpath*:springMVC-servlet.xml</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>springMVC</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>

二、Controller控制器及jsp页面

1、index.html

<html  xmlns:th="http://www.thymeleaf.org" >
<head><meta charset="UTF-8" /><script type="text/javascript" src="static/js/jquery.min.js" th:src="@{/static/js/jquery.min.js}" ></script><title>index</title><script th:inline="javascript"> var ctx = [[@{/}]]; </script>
</head>
<body>我是Index页<a th:href= "@{/hello}"> hello</a>
</body>
</html>

记住不要忘记jquery哦！

2、hello.html

<html  xmlns:th="http://www.thymeleaf.org" >
<head><meta charset="UTF-8" /><script type="text/javascript" src="static/js/jquery.min.js" th:src="@{/static/js/jquery.min.js}" ></script><title>hello</title>
</head>
<body>我是Hello页</body>
</html>

三、运行效果图

1、index页面

2、hello页面

这样SpringMVC + Thymeleaf就集成成功了！

转载于:https://www.cnblogs.com/yansg/p/11316481.html

SpringMVC集成Thymeleaf相关推荐

  1. springmvc与thymeleaf集成_晏无心_新浪博客

    springmvc没有提供thymeleafViewResolver,需要引入jar包: 在springmvc.xml里进行配置: 这里需要注意,ThymeleafViewResolver的viewN ...

  2. thymeleaf依赖_玩转SpringBoot集成 Thymeleaf 模版引擎

    随着互联网技术的发展,在前后端分离开发模式已经逐渐成为主流的今天,前后端技术的划分也越来越清晰,社会分工进一步细化,职业岗位也更加细分,慢慢开始就有了前端攻城狮和后端攻城狮,技术也进一步细分,出现了以 ...

  3. SpringMvc 集成 shiro 实现权限角色管理-maven

    2019独角兽企业重金招聘Python工程师标准>>> SpringMvc 集成 shiro 实现权限角色管理 1.项目清单展示 2.项目源码解析  1)spring-context ...

  4. 九、SpringBoot集成Thymeleaf模板引擎

    Thymeleaf咋读!??? 呵呵,是不是一脸懵逼...哥用我的大学四级英文知识告诉你吧:[θaimlif]. 啥玩意?不会音标?...那你就这样叫它吧:"赛母李府",大部分中国 ...

  5. springMVC集成缓存框架Ehcache

    概述 Ehcache算是当前比较流行的缓存框架,使用缓存可以极大的缓解服务器和数据库的压力,提高访问效率,提高服务器的并发能力.接下来我们看怎么把缓存在spring mvc种使用起来. 详细 代码下载 ...

  6. springmvc集成cas，并解决前后端分离情况

    2019独角兽企业重金招聘Python工程师标准>>> 1.最近项目需要集成已经存在的cas系统. 但是目前已集成的系统都是jsp.而我们项目是前后端分离开发(伪),没有分开部署. ...

  7. SpringMVC集成Quartz2.3.2

    SpringMVC集成Quartz2.3.2 集成Quartz持久化 下载jar导入jar包 配置properties 配置xml数据源 导入数据表 xml配置中用到的工厂类 自定义Job Contr ...

  8. SpringMvc集成Springfox使用Swagger写文档和测试

    SpringMvc集成Springfox使用Swagger写文档和测试 前言 swagger简介 swagger确实是个好东西,可以跟据业务代码自动生成相关的api接口文档,尤其用于restful风格 ...

  9. SpringBoot2.x 集成 Thymeleaf

    本文主要对SpringBoot2.x集成Thymeleaf及其常用语法进行简单总结,其中SpringBoot使用的2.4.5版本. 一.Thymeleaf简介 Thymeleaf是面向Web和独立环境 ...

最新文章

  1. jquery click 第一次没用_【通知】同济大学研究生会20202021学年第一次主席联席会...
  2. 如何解决线程安全的问题
  3. [Python人工智能] 十.Tensorflow+Opencv实现CNN自定义图像分类案例及与机器学习KNN图像分类算法对比
  4. 网址收藏 plc实现
  5. linux 两个序列比对,如何用COBALT构建本地的多序列比对（Linux系统）
  6. 关于64位Linux编译hadoop2
  7. SAP Hybris Commerce帮助文档的结构
  8. 可以自动化部署吗_从自动化测试到持续部署，你需要了解这些！
  9. 《Cisco安全防火墙服务模块（FWSM）解决方案》——1.4 利用包检测技术
  10. windows ghost系统下载
  11. 《程序员情商》沟通能力练习基本功——趣味绕口令
  12. java中方法重载与重写的区别
  13. 刷了几千道算法题，这些我私藏的刷题网站都在这里了！
  14. 联想y9000x做java_联想Y9000X装win7系统及BIOS设置教程(支持9代)
  15. 让孩子喜欢科学的31部少儿科普书籍
  16. 瓴羊CEO朋新宇：从数据发现问题到数据创造价值｜2022全球数字价值峰会-阿里云开发者社区
  17. 网络故障的技术一些东东
  18. Android权限说明
  19. ACL2000简单配置
  20. 重力回弹（小球自由落体）

热门文章

  1. OpenShift 4 之Istio-Tutorial (10) 访问白名单、黑名单
  2. 将Visual Studio更新到最新版本
  3. F# 换“山头”啦！现已迁移到 .NET 名下
  4. mysql是表级锁还是行级锁_带你了解MySQL数据库中的全局锁、表级锁、行级锁
  5. internal java compiler error_java字节码注入AOP作业心得
  6. vue中如何实现用JavaScript调用函数的方式使用一个通用的通知组件
  7. python如何处理表格_如何处理表格/列表/标题等？
  8. ionic 之 获取验证码
  9. ue4vr插件_UE4 含源码插件合集【转载】
  10. 调整oracle scn,在Oracle中增进SCN及案例介绍