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>,该方法验证成功 - 因为我的报表的名称是中文所以这里显示有百分号了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章