Создавать pdf через страницу jsp при нажатии кнопки

Я использую springboot и использую jsp для пользовательского интерфейса.

Я получил информацию о бронировании из базы данных и отобразил ее в таблице. При нажатии на кнопку (DownloadPDF) все данные о бронировании, отображаемые в пользовательском интерфейсе, должны быть загружены в формате pdf.

Я использовал HTML-to-PDF с jQuery (docraptor.com) в теге скрипта. Я получаю PDF-файл в портретном режиме, поэтому в PDF-формате отображаются только частичные детали, но я хочу, чтобы PDF-файл был в альбомном режиме. Как решить эту проблему?

booking.jsp:

<%@page import = "java.sql.DriverManager"%>
<%@page import = "java.sql.ResultSet"%>
<%@page import = "java.sql.Statement"%>
<%@page import = "java.sql.Connection"%>
<%@ page language = "java" contentType = "text/html; charset=ISO-8859-1"
    pageEncoding = "ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset = "ISO-8859-1">
<title>Insert title here</title>
<style type = "text/css">


.marquee {
    background: blue;
    white-space: nowrap;
    -webkit-animation: rightThenLeft 20s linear;
    margin-right: 10000px;
}

@-webkit-keyframes rightThenLeft {
    0%   {margin-right:100%;}
    50%  {margin-right:0;}
    100% {margin-right:100%;}


    @media print {
      #pdf-button {
        display: none;

      }
    }


}
</style>

<script src = "https://docraptor.com/docraptor-1.0.0.js"></script>



<script type = "text/javascript">
var downloadPDF = function() {

    DocRaptor.createAndDownloadDoc("YOUR_API_KEY_HERE", {
      test: true, 
      type: "pdf",

      document_content: document.querySelector('#f1').innerHTML, 

    })

  }

</script>

</head>
<body bgcolor = "pink">

<div id = "render">
<div class = "c1" id = "f1"  >
<form class = "bookings" method = "post" action = "getAllBooking" >


<table id = "table1" class = "table1" border = "1" align = "center" cellspacing = "8" cellpadding = "8" bgcolor = "grey">
<h2 align = "center" class = "marquee">Booking details</h2>

<%
int len=0;

String id=request.getParameter("User");
String driver = "com.mysql.jdbc.Driver";
String con = "jdbc:mysql://localhost:3306/";
String db = "carui";
String User = "root";
String Password = "oracle@123";
try
{
    Class.forName(driver);
}
catch(ClassNotFoundException e)
{
    e.printStackTrace();
}
Connection conn=null;
Statement st=null;
ResultSet rs=null;

%>
<%
try
{
    conn=DriverManager.getConnection(con+db,User,Password);
    st=conn.createStatement();
    String sql = "select *from  bookings";
    rs=st.executeQuery(sql);
    %>
    <tr>
    <th>Car Id</th>
    <th>Booking Id</th>
    <th>StartDate</th>
    <th>EndDate</th>
    <th>Persons</th>
    <th>Mobile</th>
    <th>Email</th>
    <th>Place1</th>
    <th>Place2</th>
    <th>Person Name</th>
    </tr>
    <tbody>
    <%
    while(rs.next())
    {
        %>

        <%
        int carId=rs.getInt("cars_id");
        int id1=rs.getInt("id");
        String start=rs.getString("startdate");
        String end=rs.getString("enddate");
        int persons=rs.getInt("persons");
        String mobile=rs.getString("p_number");

        String mail=rs.getString("p_email");
        String place1=rs.getString("place1");
        String place2=rs.getString("place2");
        String name=rs.getString("p_name");


        %>
        <tr>
        <td><%=carId%></td>
        <td><%=id1%></td>
        <td><%=start%></td>
        <td><%=end%></td>
        <td><%=persons%></td>
        <td><%=mobile%></td>
        <td><%=mail %></td>
        <td><%=place1 %></td>
        <td><%=place2 %></td>
        <td><%=name %></td>
        </tr>

        <%
    }
    %>
    </tbody>
    <%
    }


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

    %>
</table>


</form>
</div>
</div>
<form>
<div id = "f2">

 <input id = "pdf-button" type = "button" value = "Download PDF" onclick = "downloadPDF()" />
</div>

</form>


</body>
</html>

Возможный дубликат Альбомная печать из HTML

— 19.11.2018 16:58

проголосовали за то, что я работаю над тем же, я надеюсь, что смогу использовать ваши текущие шаги для достижения того, что вы сделали

— 20.11.2018 10:52

jsp spring-boot

19.11.2018 08:18

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

1 015

Ответы 1

   <script>
    function HTMLtoPDF() {
        var pdf = new jsPDF('p', 'px', 'a4');

        source = $('#maindiv')[0];
        specialElementHandlers = {
            '#bypassme' : function(element, renderer) {
                return true
            }
        }

        margins = {
            top : 50,
            left : 40,
            width : 200
        };

        pdf.fromHTML(source // HTML string or DOM elem ref.
        , margins.left // x coord
        , margins.top // y coord
        , {
            'width' : margins.width // max width of content on PDF
            ,
            'elementHandlers' : specialElementHandlers
        }, function(dispose) {
            // dispose: object with X, Y of the last line add to the PDF
            //          this allow the insertion of new lines after html
            pdf.save('OfficeNote.pdf');
        })
    }
</script>

08.11.2019 10:53

Другие вопросы по теме

Использование SAML с загрузкой Spring за ELB перенаправляет на http вместо https

OpenTracing не активируется для Sleuth-Zipkin в приложении Spring Boot

Невозможно подключиться к базе данных Oracle. Сообщается: «Невозможно определить URL-адрес jdbc из источника данных»

Пользовательский ObjectMapper игнорируется после перехода на Spring Boot 2

Создание многоразовых модулей с пружинной загрузкой

Как я могу использовать dbRepository в моем websocketConfig?

Исключение при отправке многостраничного запроса файла в конечную точку службы eureka rest

Я не могу получить данные из H2 в модульном тесте Jpa

Автоконфигурация и свойства Spring boot

Интернационализация Spring Boot работает для французского, но не для корейского языков

Создавать pdf через страницу jsp при нажатии кнопки

Ответы 1

Другие вопросы по теме

Похожие вопросы