1.首先,新增一个class类,代码如下:
package com.example.demo.com;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
class CommonController {
@RequestMapping("/index")
public String index(Model model) {
model.addAttribute("name","你是谁?");
return "index";
}
}
注:这里index()方法返回的index字符串,后面我们新增一个html页面在templates底下要命名为index.html,才可以显示出来,如果放在templates文件夹的pages目录底下,就要返回pages/index
2、由于Spring Boot加载页面需要第三方库thymeleaf来加载,所以需要进行下面两个的配置
(1)、由于使用了第三方库thymeleaf,因此需要在pom.xml加上这个库的相关依赖,加上下面这段代码即可:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
(2)、再pom.xml文件底下右键菜单选择maven,Reimport,把thymeleaf依赖库加到项目底下,如下图所示:
image.png
(3)、打开项目底下的application.properties配置文件,修改如下:
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
3、接着,在resources目录底下的emplates目录底下新增一个index.html文件,目录结构,及相关代码如下:
image.png
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<h2>欢迎来到我的世界!</h2>
<h2 th:text="${name}"></h2>
</body>
</html>
4.接着运行项目
image.png之后地址栏输入http://localhost:8080/index即可
网友评论