Angularjs

Question

我创建了一个rest API，用于使用itext API生成PDF文件。请帮我了解如何生成此文件，并将其发送到UI以下载该PDF。

这里我使用Angularjs，SpringBoot和Mysql作为数据库。

    @RequestMapping(value = "/generateGeneralLedgerReportPdf", method = 
     RequestMethod.GET)
    public void generateSalesReportPdf(@RequestParam("ledgerStartDate") 
     String ledgerStartDate,
        @RequestParam("ledgerEndDate") String ledgerEndDate) {

    try {

        SimpleDateFormat simpleDateFormat = new 
      SimpleDateFormat("yyyy-MM-dd");
        Date startDate = 
       simpleDateFormat.parse(ledgerStartDate);
        Date endDate = simpleDateFormat.parse(ledgerEndDate);

        List<GeneralLedger> listLedgerDetails = null;
        int count = 0;

        File file = new File("E:\\GeneralLedgerReport.pdf");

        Document document = new Document();
        PdfWriter writer = PdfWriter.getInstance(document, new 
    FileOutputStream(file));
        document.open();

        //create PDF
        PdfPTable table = new PdfPTable(6); // 10 columns.
        table.setWidthPercentage(100); //Width 100%


        PdfPCell c1 = new PdfPCell(new Phrase("#"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);

        c1 = new PdfPCell(new Phrase("DATE"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);

        c1 = new PdfPCell(new Phrase("INCOME CATEGORY"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);

        c1 = new PdfPCell(new Phrase("AMOUNT"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);

        c1 = new PdfPCell(new Phrase("EXPENSE CATEGORY"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);

        c1 = new PdfPCell(new Phrase("AMOUNT"));
        c1.setHorizontalAlignment(Element.ALIGN_LEFT);
        c1.setBackgroundColor(BaseColor.GRAY);
        table.addCell(c1);



        listLedgerDetails = generalLedgerService.generateGeneralLedgerPdfByRange(startDate, endDate);

        if (!listLedgerDetails.isEmpty()) {
            for (GeneralLedger ledger : listLedgerDetails) {
                    count ++;

                    Double incomeAmount = ledger.getIncomeAmount();
                    if(incomeAmount==null) {
                        incomeAmount = 0.0d;
                    }

                    Double expenseAmount = ledger.getExpenseAmount();
                    if(expenseAmount==null) {
                        expenseAmount = 0.0d;
                    }

                    table.addCell(String.valueOf(count));
                    table.addCell(String.valueOf(ledger.getLedgerDate()));
                    table.addCell(ledger.getIncomeCategory());
                    table.addCell(String.valueOf(incomeAmount));
                    table.addCell(ledger.getExpenseCategory());
                    table.addCell(String.valueOf(expenseAmount));
            }
        }

        document.add(table);
        document.close();
        writer.close();

    }catch (Exception e) {
        e.printStackTrace();
    }


}

Angularjs

$scope.generateGeneralLedgerReportPdf = function(startDate,endDate){
    $http({
        url: 
 'service/generalLedger/generateGeneralLedgerReportPdf', 
        method: "GET",
        params: {ledgerStartDate:startDate,ledgerEndDate:endDate}
    })
    .success(function(response){ 
        console.log("Success");
    })
    .error(function(response) {
        console.log("Failed");
    });
   };

它给我适当的输出，但存储在本地系统E：驱动器中。但我想在浏览器窗口中下载。

Answer 1

您要下载的代码也丢失了，这取决于所创建的文件是否可以通过HTTP服务器或servlet容器公开获得，您可以简单地通过response.sendRedirect（）重定向到。如果不是，则需要手动将其复制到响应输出流：

将以下代码添加到您的代码中。

OutputStream out = response.getOutputStream();
FileInputStream in = new FileInputStream(my_file);
byte[] buffer = new byte[4096];
int length;
while ((length = in.read(buffer)) > 0){
    out.write(buffer, 0, length);
}
in.close();
out.flush();

您当然需要处理适当的异常。

Answer 2

我只添加了这些代码行，它对我有用。

        InputStream inputStream = new BufferedInputStream(new FileInputStream(file));
                String mimeType = 
          URLConnection.guessContentTypeFromStream(inputStream);

                if(mimeType==null) {
                    mimeType = "application/octet-stream";
                }

                response.setContentType(mimeType);
                response.setContentLength((int)file.length());
                response.setHeader("Content-Disposition",String.format("attachment; fileName=\"%s\"", file.getName()));

                FileCopyUtils.copy(inputStream, response.getOutputStream());

使用Angularjs和RestController生成PDF

Angularjs

2 个答案: