IDEA SpringBoot入门与速查—HTML页与Thymeleaf
16lz
2021-01-22
上一篇确定了一个基本的学习路线,现在看看
- 怎么把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
更多相关文章
- 用HTML+CSS编写一个计科院网站首页的静态网页
- 使用jQuery和AJAX从JSON文件加载数据
- vim / vi / linux:正确缩进html文件
- html 引用文件编码为utf-8 的 js文件乱码问题
- CSS文件filemtime没有调用路径两次
- 当html从本地文件系统运行时,如何获取的内容?
- 如何使用fileupload.js上传多个文件?
- 关于读取HTML文件内容乱码
- 我想在html文件里插入一个for循环,应该如何写