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>