thymeleaf仿vue动态调用高级用法,实现thymeleaf片段模板调用,动态加载

本文介绍了如何在SpringBoot+Layui项目中,利用Thymeleaf的高级用法实现类似Vue的动态加载效果。通过Controller跳转至详情页面,传递数据,并根据流程节点ID调用相应的Thymeleaf片段模板,从而动态展示任务办理进度。详细步骤包括控制器处理、模板路由管理和片段调用。
摘要由CSDN通过智能技术生成

首先这是基于一个需求,我们的项目后台用的springboot,前端用的layui,当时有一个需求是,在一个页面展示出一个任务当前任务的办理进度,就是很多个栅格的这种,而且要根据流程节点动态的展现,最终在项目经理的指导下,采用了thymeleafd的片段化调用的方式;
首先需要经过一个controller跳转到我的页面可以称作我最终显示的详情页面
跳转到详情页的控制器
@RequestMapping("/JumpToDetail")
public String AlreadyProcessDetail(ProposalInfo proposalInfo, Model mdel) {
mdel.addAttribute(“qstatus”, proposalInfo.getQstatus());
List allFlowMessages = flowTimeService.getAllFlowMessages(proposalInfo.getProposalGuId());

    mdel.addAttribute("totalMessage", allFlowMessages);

         return "/proposalHandle/professionBranch/detail.html";

}
接下来是展示详情的页面

在这里插入图片描述
第三步:真正的路由类似于vue中的路由管理也就是上面截图最后引入的模板页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值