IDEA SpringBoot入门与速查—HTML页与Thymeleaf

上一篇确定了一个基本的学习路线，现在看看

怎么把URL映射到HTML页面
怎么创建分布页

在SpringBoot里要想解析页面文件映射，必须添加模板引擎的引用，这里使用SpringBoot官方推荐的Thymeleaf。

添加Maven依赖

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>1.5.8.RELEASE</version>
</dependency>

然后在项目的main- resources- templates文件夹中添加两个html文件做测试

GoABC用来测试无参调用
Thypage用来测试带参调用

IDEA SpringBoot入门与速查—HTML页与Thymeleaf

注意把html文件中节点html替换成这样

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

好，接下来在controller里面写两个方法

@RequestMapping("/gogoabc")
public String GoABC(){
    return "GoABC";//要映射到静态文件，项目一定要引入模板引擎包。不用配置会自动找到的
}

@RequestMapping("/thypage")
public String ThyPage(HashMap<String,Object> map, String urlarg){
    map.put("backendValue","hello");
    map.put("fontendValue",urlarg);
    return"ThyPage";
}

GoABC不接收参数，输出静态文件的文件名，是相对templates文件夹的相对路径，可以用左斜杠开头
ThyPage接收一个URL参数urlarg，这里参数map不从URL中获取，作为一个传向Thymeleaf的一个数据包，前端就可以通过键获取

GoABC.html的内容都是静态内容，这里就不用多写了。ThyPage.html的代码如下

<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>ThyPage</title>
</head>
<body>
<font color="red" th:text="${backendValue}"></font>
<p th:text="${fontendValue}"></p>
</body>
</html>

有关Thymeleaf的语法，这里就不用多说了，抛砖引玉

thypage

访问结果如下

IDEA SpringBoot入门与速查—HTML页与Thymeleaf

这样对于页面的访问、传参就没有问题了

下一篇写分布页，及加入前端开发全套seajs+jq+vue+underscore