springboot整合layui排坑

参考:thymeleaf+layui加载页面渲染时TemplateProcessingException: Could not parse as expression: "_yaoshengting的博客-CSDN博客


目录

1.table渲染问题

2.解决方式

1.将clos后的[[ ]]分成四行写

 2.加上 th:inline="none


1.table渲染问题

源代码:

 运行后页面加载不出来

查看控制台报的错误:

具体位置在最后一行显示出来了:

2022-12-03 15:55:30.937 ERROR 4756 --- [nio-8067-exec-7] o.a.c.c.C.[.[.[.[dispatcherServlet]      : Servlet.service() for servlet [dispatcherServlet] in context with path [/ysu_bbs] threw exception [Request processing failed; nested exception is org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: "
                    {field:'another_name',title: '昵称',
                        templet: function(d){
                            return d.user.another_name
                        }
                    }
                    ,{field:'total_days', width:100, title: '总天数', sort: false}
                    ,{field:'month_days', width:100, title: '月天数'}
                    ,{field:'last_sign_time',width:240, title: '上次签到时间', minWidth: 150,
                        templet: function(d){
                            return util.toDateString(d.last_sign_time, 'yyyy-MM-dd HH:mm')
                        }
                    }
                   /* ,{field:'experience', width:120, title: '目前等级', sort: false}*/
                    ,{field:'last_award', width:120, title: '上次奖励', sort: false,
                        templet: function(d){
                            return d.last_award+' 积分'
                        }
                    }

                " (template: "/pages/sign" - line 183, col 26)] with root cause

org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: "
                    {field:'another_name',title: '昵称',
                        templet: function(d){
                            return d.user.another_name
                        }
                    }
                    ,{field:'total_days', width:100, title: '总天数', sort: false}
                    ,{field:'month_days', width:100, title: '月天数'}
                    ,{field:'last_sign_time',width:240, title: '上次签到时间', minWidth: 150,
                        templet: function(d){
                            return util.toDateString(d.last_sign_time, 'yyyy-MM-dd HH:mm')
                        }
                    }
                   /* ,{field:'experience', width:120, title: '目前等级', sort: false}*/
                    ,{field:'last_award', width:120, title: '上次奖励', sort: false,
                        templet: function(d){
                            return d.last_award+' 积分'
                        }
                    }

                " (template: "/pages/sign" - line 183, col 26)

第一次试错:删除外层“ [ ]”此时,控制台不报错,页面可以加载出来,但是部分数据加载不出来。

最后经搜索后发现,因为[[…]]之间的表达式在thymeleaf被认为是内联表达式,所以渲染错误。

2.解决方式

1.将clos后的[[ ]]分成四行写

[

[

]

]

如图所示:

 2.加上 th:inline="none"

在 <script type="text/javascript" > 加上 th:inline="none"

<script type="text/javascript" th:inline="none">

 但是这样,使用的[[@{}]]也就不能解析了。

 

Spring Boot 是一个开源的Java框架,用于快速开发基于Spring的应用程序。而Layui是一套简单易用的前端框架,提供了丰富的UI组件和样式以及简便的开发方式。将Spring Boot和Layui整合在一起,可以实现前后端的分离开发,提高开发效率和代码质量。 要实现Spring Boot整合Layui,首先需要在项目中引入Layui的相关依赖。可以通过Maven或Gradle方式将Layui相关的依赖添加到项目的配置文件中。然后使用Layui提供的样式和组件来构建前端界面,可以使用HTML和CSS来编写前端页面,也可以使用Layui提供的模板引擎来实现动态页面的展示。 在Spring Boot中使用Layui时,一般会将前端页面放置在resources/static或resources/templates目录下,然后使用Spring Boot的内置静态资源处理,将静态资源映射到对应的URL路径上。这样前端页面就可以被访问到了。 在后端代码中,可以使用Spring Boot的MVC框架来处理前端请求,通过@Controller注解来定义处理请求的控制器,使用@RequestMapping注解来映射URL路径。在控制器中可以处理前端请求,并将结果返回给前端页面,完成前后端的数据交互。 此外,Spring Boot还提供了很多其他功能,如数据库操作、事务管理、身份认证等,可以与Layui搭配使用,实现更多的功能需求。 总之,Spring Boot整合Layui可以提高开发效率和代码质量,使得前后端的开发更加简单和高效。通过合理的使用Spring Boot和Layui,可以快速构建出美观、实用的Web应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

‌‌Anastasia

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值