Springboot 开发 -- Thymeleaf页面嵌入帆软报表

本文主要是介绍Springboot 开发 -- Thymeleaf页面嵌入帆软报表，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、后端代码

@Slf4j
@Controller
@RequestMapping("/reprot")
public class FineReportController {//帆软地址：finereport.url=http://localhost:8075/WebReport/ReportServer?reportlet=@Value("${finereport.url}")private String finereportUrl;@RequestMapping(value = "/page")public String page(Model model,String cptName, HttpServletRequest request) 	{try {model.addAttribute("reportName",cptName);model.addAttribute("_reprotUrl",finereportUrl+cptName;} catch (Exception e) {log.error("报表页面打开出错：{}",e.getMessage());}return "report/reprot_page";}
}

二、reprot_page.html 前端 iframe 集成 代码片断

<iframe class="report_url" height="930" width="99%" th:attr="name=${reportName},id=${reportName}" frameborder="0" ></iframe>
<script th:inline="javascript">/*<![CDATA[*/$(function(){var winH = $(window).height();$(".report_url").css('height',winH - 80);post([[${_reprotUrl}]],{[[${reportName}]]);});//post 请求方法function post(URL, PARAMS,target) {var temp_form = document.createElement("form");temp_form .action = URL;temp_form .target = target;temp_form .method = "post";temp_form .style.display = "none";if (PARAMS){for (var x in PARAMS) {var opt = document.createElement("textarea");opt.name = x;opt.value = PARAMS[x];temp_form .appendChild(opt);}}document.body.appendChild(temp_form);temp_form.submit();}/*]]>*/
</script>

三、显示效果

四、部署到 nginx服务器问题

用 iframe 嵌套 帆软（FineReport）报表页面，结果部署到正式服务器，报表地址显示错误,无法正常访问，经过排查，发现是 nginx 配置导致 的，具体原因如下：

参考：nginx 不允许 iframe嵌套报表问题解决

这篇关于Springboot 开发 -- Thymeleaf页面嵌入帆软报表的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---