ssm整合Thymeleaf的详细教程以及案列

最新推荐文章于 2024-03-16 08:59:44 发布

chengshi2248

最新推荐文章于 2024-03-16 08:59:44 发布

阅读量1.1k

点赞数

文章标签： java 前端 web.xml ViewUI

原文链接：https://my.oschina.net/shanesen/blog/1839999

版权

1.需要添加必要的jar包链接:https://pan.baidu.com/s/1Y3bA9D7_QAHG3jRq670m6A 密码:29m9

2. SpringMvc.xml配置

<bean id="templateResolver"

class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">

</bean>

<bean id="templateEngine"

class="org.thymeleaf.spring4.SpringTemplateEngine">

</bean>

</bean>

3. web.xml进行配置

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

<servlet-mapping>

<servlet-name>springMvc</servlet-name>

<url-pattern>*.html</url-pattern>

</servlet-mapping>

4. 编写controller

@RequestMapping(value = "/thymeleaf", method=RequestMethod.GET)

public String thymeleaf(Model model) {

model.addAttribute("hello", "jack")

return "ce";

}

5. 编写ce.html

<!DOCTYPE html>

<head>

<title>ceshi</title>

</head>

<body>

</body>

</html>

//基础知识

Thymeleaf笔记

1.前端html页面标签中引入

<html xmlns:th=“http://www.thymeleaf.org">

2.表达式

2.1变量表达式: ${…}

${books}从上下文中选择名为books的变量，并在th:each中使用循环将其评估为迭代器

2.2选择表达式: *{…}

选择表达式就像变量表达式一样，它们不是整个上下文变量映射上执行，而是在先前选择的对象。它们看起来像这样:

*{customer.name}

它们所作用的对象由th:object属性指定:

...

...

</div>

2.3消息表达式: #{…} 国际化时使用，也可以使用内置的对象，比如date格式化数据

2.4链接表达式: @{…} 用来配合link src href使用的语法

链接表达式也可以是绝对的:

2.5片段表达式: ~{…} 用来引入公共部分代码片段，并进行传值操作使用的语法

片段表达式是一种简单的方法用来表示标记的片段并将其移动到模板中。由于这些表达式，片段可以被复制，传递给其他模板的参数等等。最常见的是使用th:insert或th:replace来插入片段

~{templatename::fragmentname}

templatename：模版名，Thymeleaf会根据模版名解析完整路径：/resources/templates/templatename.html，要注意文件的路径。

fragmentname：片段名，Thymeleaf通过th:fragment声明定义代码块

如:创建footer.html目前测试在本页面才能够引用

</footer>

<div>

</footer>

</div>

</footer>

<div>

</div>

3. 文字

- 文本文字，例如:'one text', 'Another one!',…
- 数字文字，例如:0,10, 314, 31.01, 112.83,…
- 布尔文字，例如:true,false
- Null文字，例如:Null
- 文字标记，例如:one, sometext, main,…
文本操作:
- 字符串连接:+
- 文字替换:|The name is ${name}|
算术运算:
- 二进制操作:+, -, *, /, %
- 减号(一元运算符):-
布尔运算:
- 二进制运算符，and,or
- 布尔否定(一元运算符):!,not
比较和相等:
- 比较运算符:>,<,>=,<=(gt,lt,ge,le)
- 相等运算符:==, != (eq, ne)
条件操作符:
- If-then:(if) ? (then)
- If-then-else:(if) ? (then) : (else)
- Default: (value) ?: (defaultvalue)