Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案

╰+哭是因爲堅強的太久メ 2022-04-05 10:20 327阅读 0赞

### 文章目录 ###

*  Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案
 *   *  问题情境
     *  问题分析
     *  解决方案

# Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案 #

## 问题情境 ##

> 1.  IDEA工具开发
> 2.  使用springBoot框架
> 3.  使用thymeleaf模板开发前端页面
> 4.  controller填充数据到model中，并需要在页面显示

1.  controller

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

1.  HTML页面  
    ![在这里插入图片描述][70 1]

${movieList} 表达式下标红色波浪线
    
        
         
          1

## 问题分析 ##

> 我们虽然在后端的model中添加了对象数据信息，但是此时的程序并\*\*`没有开始运行`\*\*，所以对于前端文件是`无法感知`到填充对象的。而我们的`IDEA默认`要对thymeleaf的数据进行`验证`，所以这个时候就会有`红色波浪线`存在了！

## 解决方案 ##

> 第一种方案：对每个飘红的地方进行注解（只有`当前行`设置生效）

缺点：

*  每一处都要注解：非常麻烦，HTML文档也显得非常臃肿
 *  属性上没法消除

![在这里插入图片描述][70 2]

![在这里插入图片描述][70 3]

> 第二种方案：压制HTML中文件的警告或者错误（只有`当前文件`中设置生效）

> 需要在`< ! DOCTYPE html >`下添加一条`注释`

```
    
    ```
    
        
         
          1
          2
          3

![在这里插入图片描述][70 4]

> 第三种方案：关闭IDEA对于thymeleaf的数据验证选项（`全局所有文件`都会应用设置，飘红消失）  
> ![在这里插入图片描述][70 5]

![在这里插入图片描述][70 6]

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

</div>
    					<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-a47e74522c.css" rel="stylesheet">
                </div>
    				</article>

[70]: /images/20220405/11c3fb86d740430a9cf5066df2b22bd3.png
[70 1]: /images/20220405/292a4c8fcb9a44b1b77cb88309ad2879.png
[70 2]: /images/20220405/44a0dd9302394427af8c3b63cc080a14.png
[70 3]: /images/20220405/245b0ef7642441a189c089bc02fa98f5.png
[70 4]: /images/20220405/9eb9bb85d77845fd842b5abe2358e33c.png
[70 5]: /images/20220405/bae794d8488045508a36fe7f956ed15a.png
[70 6]: /images/20220405/ebd74fb5ad574dd9b97f39daf9d03310.png
[70 7]: /images/20220405/d0076d28001b40d89b5018e65df12c7d.png