多语言展示
当前在线:1752今日阅读:162今日分享:23

thymeleaf页面URL路径的相关写法

thymeleaf是一款前端模板引擎,现在越来越多的框架开始推荐使用thymeleaf进行前端页面的编写,例如spring boot,但是thymeleaf在使用过程中还是有许多不便,比如说语法过于严苛,标签没有结束符号就会报错,URL路径写法相对死板,接下来,我们来研究thymeleaf前端URL的写法。
工具/原料

thymeleaf

方法/步骤
1

首先是绝对路径。很好理解,也很好写,直接写到对应的标签里就好,如下图,上面一行是thymeleaf写法,下面是在页面的实际效果。

2

接下来,是相对于项目上下文(Context,亦即项目部署时的路径名)的相对路径,例如,假设部署的项目Context为 app ,则thymeleaf的写法和实际效果如下图。点击该链接时,访问的地址是http://{serverName}:{port}/app/test/index。

3

然后,是相对于服务器根路径的相对路径,例如,假设当前项目部署的Context为app,但是在当前服务器下还有另外一个项目,我们可以选择使用相对服务根路径的相对路径写法,如下图。点击后访问的地址是http://{serverName}:{port}/anthorapp/index.html

4

再然后,还有相对于协议的相对路径写法!是的,是指相对于http或https的相对路径,效果如下图。该写法一般应用于样式文件或者是js文件。

5

基本路径的写法完成了,那么,如果想在路径中加入参数呢?在thymeleaf中,使用()来实现这一功能,如下图,在路径的最后加入(id=xxx),thymeleaf会在前端渲染成?id=xxx。当多个参数时,以逗号分隔,写成(id=xxx,name=xxx)之类的形式即可。

6

如果参数不仅仅是写在最后方,想写在路径中间,实现类似restful风格的效果,则可以如下图所示。

8

注意,使用预定义变量时,${}前后是双下划线__,不是单下划线。预定义变量中的属性请参考thymeleaf的文档,写一个不存在的属性thymeleaf会报错。

推荐信息