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>，該方法驗證成功 - 因爲我的報表的名稱是中文所以這裏顯示有百分號了。