表达式符号

梦里梦外; 2021-10-15 09:21 279阅读 0赞

Thymeleaf对于变量的操作主要有$\*\#三种方式：

*  变量表达式： $\{…\}，是获取容器上下文变量的值.
 *  选择变量表达式： \*\{…\}，获取指定的对象中的变量值。如果是单独的对象，则等价于$\{\}。
 *  消息表达式： \#\{…\}表达式与th:text一起使用，加载数据源中的消息，用于国际化
 *  链接网址表达式： @\{…\}，获取网址链接

## 1.$\{…\}获取变量 传递单一变量 ##

后台代码：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]  
前台代码：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]  
运行结果：  
![在这里插入图片描述][20190813173149759.png]

## 传递对象 ##

后台新建User类：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 2]  
更改Controller  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 3]  
前台取数据：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 4]  
页面运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 5]

## 2.\*\{…\}获取变量 ##

变量表达式不仅可以用 . . . 表 达 式 编 写 ， 还 可 以 用 于 表 达 式 ∗ . . . 。 选 择 表 达 式 所 选 择 的 对 象 是 当 前 环 境 内 的 变 量 值 ， 如 果 对 于 单 一 变 量 （ 非 对 象 ） ， 则 \{...\}表达式编写，还可以用于表达式\*\{...\}。选择表达式所选择的对象是当前环境内的变量值，如果对于单一变量（非对象），则 ...表达式编写，还可以用于表达式∗...。选择表达式所选择的对象是当前环境内的变量值，如果对于单一变量（非对象），则\{…\}和\*\{…\}完全等价。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 6]

## 3.\#\{…\}表达式与th:text一起使用，加载数据源中的消息，用于国际化 ##

解析程序会在/WEB-INF/templates/home.html在同一文件夹中找到.properties文件中的消息，并使用与模板相同的名称，如：

*  /WEB-INF/templates/home\_en.properties 用于英文文本。
 *  /WEB-INF/templates/home\_es.properties 西班牙语文本。
 *  /WEB-INF/templates/home\_pt\_BR.properties 用于葡萄牙语（巴西）语言文本。
 *  /WEB-INF/templates/home.properties 对于默认文本（如果区域设置不匹配）。

## 4.@\{…\}链接的访问 链接分为绝对路径和相对路径 ##

*  绝对的URL，比如 [http://www.thymeleaf.org][http_www.thymeleaf.org]

*  相对URL，可以是：  
    页面相对，像 user/login.html
    
    1.上下文相关，如/itemdetails?id=3（服务器中的上下文名称将自动添加）

2.与服务器相关，~/billing/processInvoice（允许在同一服务器中调用另一个上下文（=应用程序）中的URL）。

3.协议相对URL，如 //code.jquery.com/jquery-2.0.3.min.js

## 绝对路径示例： ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 7]

## 相对路径示例： templates文件夹下新建page2 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 8]  
后台更改Controller：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 9]  
运行：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 10]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]: /images/20211015/e6f5b1c6277a4ac19a2d8abc26e1d98e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]: /images/20211015/729bcc4af4d04f6e8789051e78e8bea0.png
[20190813173149759.png]: /images/20211015/a9c2b940e56842149b7aa3140506032d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 2]: /images/20211015/1e4fe705585f405b801dccfc648d0d84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 3]: /images/20211015/101404a1890e422f8f789a26abb86ec0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 4]: /images/20211015/0ba3427fe67d42fabaa59eadfc7199d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 5]: /images/20211015/734dde120cf14140b90aeb6ecad62eba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 6]: /images/20211015/5b7b79b2b9d0452fb6f06065ac8bb6cf.png
[http_www.thymeleaf.org]: http://www.thymeleaf.org
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 7]: /images/20211015/ea182e063dfc47019c429b9c558781b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 8]: /images/20211015/f932bfdc431e4869a814f2626208e009.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 9]: /images/20211015/69f86a57478943ecbf2ee133dfbd3630.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 10]: /images/20211015/6d07af83c1d44fd6b1c543a4a10a0518.png