Angular + Java + FineReport 嵌入式部署

Angular 项目中访问 FineReport

打开新窗口的方式访问 FineReport

• 2019年8月12日 20:17:52 官网看了N多解决方法到目前为止只成功了一个方法
• 使用标签 a 打开新窗口来访问报表
• 下面介绍部署步骤：
  1. 将 Eclipse 编译得到的 war 包拷贝到 Tomcat 目录 d:\apache-tomcat-9.0.16\webapps下，启动 Tomcat 其会自动解压缩该 war 包，在目录 webapps 下形成一个新目录 femisnsb
  2. 前端 Angular 编译后将 d:\femis\dist\femis，前面的 femis 是 Angular 项目名称，后面的 femis 下的所有文件拷贝到 d:\apache-tomcat-9.0.16\webapps\femisnsb\ng 下，这里的最后一个目录 ng 是自己建立的，当然要在 springMVC 项目中的配置文件中配置对应的静态资源，这里不再赘述。
  3. 首先要参考文章 整合到 SpringMVC 项目中的方法将 FineReport 必要的文件拷贝到 Java 项目中，然后将制作好的 cpt 文件拷贝到 Tomcat 下的 d:\apache-tomcat-9.0.16\webapps\femisnsb\WEB-INF\reportlets 下。
  4. 启动 Tomcat 后，在浏览器中输入地址：http://localhost:8080/femisnsb/ReportServer?reportlet=%E9%9D%A2%E6%96%99%E8%AE%A2%E5%8D%95%E5%8D%95%E6%8D%AE.cpt&mainId=43，可以正常显示报表
  5. 在前端 Angular 项目中要使用 a 标签，将上面步骤4中的访问地址拷贝到 a 标签的 href 属性内，注意拷贝进去后应该显示为有百分号的样子，然后 a 标签的 target 中设置为 blank，最终 a 标签的完整代码是：<a href="http://localhost:8080/femisnsb/ReportServer?reportlet=%E9%9D%A2%E6%96%99%E8%AE%A2%E5%8D%95%E5%8D%95%E6%8D%AE.cpt&mainId=43" target="blank">新窗口报表</a>，该方法验证成功 - 因为我的报表的名称是中文所以这里显示有百分号了。