SpringBoot之thymeleaf页面(资源文件css、js的引入,赋值)

作者: adm 分类: java 发布时间: 2021-05-08 09:40

1.目录结构:

pom引入
<!–thymeleaf –>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

application.yml
spring:
thymeleaf:
#缓冲的配置
cache: false
check-template: true
check-template-location: true
#开启MVC thymeleaf 视图解析
enabled: true
encoding: utf-8
mode: HTML5
prefix: classpath:/templates/
suffix: .html

控制器

//页面跳转不能使用 @RestController  而是使用@Controller
@Controller
@RequestMapping(“/home”)
public class HomeController {

@RequestMapping(value=”/index”, method=RequestMethod.GET)
//加了@ResponseBody 就是返回字符串了
public String index(ModelMap map) {
//返回值给页面
map.addAttribute(“name”, “银众网”);
return “index”;
}

}

很简单的css
style.css:

.login-title{
font-size: 30px;
color: red;

}
很简单的js
home.js:

alert(“1″);
页面
index.html:

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Index thymeleaf</title>
<link rel=”stylesheet” href=”/css/style.css”/>
<script src=”/js/home.js”></script>
</head>
<body>
<h1>HELLO INDEX THYMELEAF</h1>
你好,<h2 th:text=”${name}”></h2>
<p class=”login-title”>哈哈 NBA</p>
</body>

</html>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!