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

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

问题情境

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

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

  1. HTML页面
    Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案
${movieList} 表达式下标红色波浪线
  • 1

问题分析

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

解决方案

第一种方案:对每个飘红的地方进行注解(只有当前行设置生效)

缺点:

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

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

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

第二种方案:压制HTML中文件的警告或者错误(只有当前文件中设置生效)

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

```
<!-- suppress ThymeleafVariablesResolveInspection -->
```
  • 1
  • 2
  • 3

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

第三种方案:关闭IDEA对于thymeleaf的数据验证选项(全局所有文件都会应用设置,飘红消失)
Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案

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

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

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

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

问题情境

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

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

  1. HTML页面
    Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案
${movieList} 表达式下标红色波浪线
  • 1

问题分析

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

解决方案

第一种方案:对每个飘红的地方进行注解(只有当前行设置生效)

缺点:

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

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

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

第二种方案:压制HTML中文件的警告或者错误(只有当前文件中设置生效)

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

```
<!-- suppress ThymeleafVariablesResolveInspection -->
```
  • 1
  • 2
  • 3

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

第三种方案:关闭IDEA对于thymeleaf的数据验证选项(全局所有文件都会应用设置,飘红消失)
Idea开发springBoot 使用 thymeleaf 模板$表达式报红波浪线解决方案

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

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

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