您的位置：首页 > 编程语言 > Java开发

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

2017-12-08 16:12 459 查看

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

怎么把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用来测试带参调用

注意把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

访问结果如下

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： java idea springboot thymeleaf

相关文章推荐

新的分享

章节导航