springboot中Thymeleaf模板的使用
程序员文章站
2022-03-11 18:31:58
...
1常见模板引擎
JSP、Velocity、Freemarker、Thymeleaf
1.1导包:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
1.2在资源文件中创建templates
templates
<!--xmlns:th="http://www.thymeleaf.org thymeleaf的命名空间-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--webjars模板技术中引入js-->
<script src="/webjars/jquery/3.4.1/jquery.js"></script>
<script>
alert($);
</script>
</head>
<body>
<!--
th:text;改变当前元素里面的文本内容;编译后的结果放到div标签中
th:任意html属性;来替换原生属性的值
-->
<div th:text="'你好啊!'+${username}">这是显示欢迎信息</div>
</body>
</html>
控制层
//thymeleaf 模板技术 导入相应的包,配置类会自动的创建视图解析器 @SpringBootApplicatio
@RequestMapping("/index")
public String index(Model model){
model.addAttribute("username","李星河" );
return "index";
}
1.3在模板中引用jquery
导包
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.4.1</version>
</dependency>
引用
<script src="/webjars/jquery/3.4.1/jquery.js"></script>
推荐阅读
-
Linux系统中的ipcs命令使用详解
-
解决Python中list里的中文输出到html模板里的问题
-
前端笔记-通过jQuery获取input数据及html中name的使用
-
在Yii框架中使用PHP模板引擎Twig的例子_PHP
-
watch在Vue.js中的使用方法详解
-
Oracle Form中COMMIT的概述及使用技巧
-
使用PHP导出Redis数据到另一个Redis中的代码_PHP
-
mysql中sum float类型使用小数点的方法_MySQL
-
JQuery Ajax 在asp.net中的使用并调用后台实例讲解
-
【转载】C#中ArrayList集合类使用RemoveAt方法移除指定索引的元素