【jsPDF】jsPDF插件实现将html页面转换成PDF,并下载,支持分页

1、目的:在前段是jQuery库或者VUE库或者两者混合库,将html页面和数据转换成PDF格式并下载,支持分页1、项目背景:对客户报修记录进行分类统计,并生成各种饼图、柱状图、线性图。并要求导出word,并打印。html里面内容是通过js刷新出来的,是动态的数据。2、项目难点:1)html导出到word,不太可能,页面比较复杂,内容比较多,而且word不支持。2)html页面存在多个echart图表,根本无法导出。3、折中方案采用jspdf插件,将html页面导出成pdf,在打印pdf。效果不是特别理想,但是还过的去。4、具体操作1)下载jspdf插件,官网有。2)html页面引用两个js文件jspdf.debug.js和html2canvas.js(利用该插件将html页面转化成图片,在插入到pdf中)3)编写一个js方法即可实现转化pdf。并可以指定导出区域。 2、引入类库包:<!--.pdf文件下载download--><scriptsrc="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2c...

JSP基础——属性保存范围和request对象

JSP属性保存范围JSP中提供了四种属性保存范围,分别为page,request,session及application。1、page范围,指设置的属性只在当前页面有效。通过pageContext的setAttribute()方法来设置属性,通过pageContext的getAttribute()来取得属性.代码范例:<%pageContext.setAttribute("name","James");%><%Stringstr=(String)pageContext.getAttribute("name");%>2、request范围,指属性在一次请求范围内有效。如果页面从一个页面跳转到另一个页面,那么该属性就失效了。这里的跳转指的是客户端跳转。服务器端跳转使用<jsp:forward>,该属性仍然有效。通过request的setAttribute()方法来设置属性,通过request的getAttribute()方法来取得属性。代码范例:主页面:<%request.setAttribute("name","James");%><...

JSP基础总结(运行机制、脚本元素、指令元素、动作元素)

JSP的运行机制:1、转译阶段:JSP页面转换成Servlet类;2、请求阶段:Servlet类执行,将相应结果发送至客户端。流程解释:1、用户访问某个JSP页面2、服务器找到相应的JSP页面3、服务器将JSP转译成Servlet的源代码4、服务器将Servlet源代码编译为class文件5、服务器将class文件加载到内存并执行6、服务器将class文件执行后生成的HTML代码发送给客户机,客户机浏览器根据相应的HTML代码进行显示。*如果该JSP页面不是第一次执行,那么只会执行请求阶段,所以第二次执行JSP要比第一次快。JSP脚本元素:1、声明语句:<%!声明语句%>。使用声明语句的变量为全局变量,也就是说当有多个用户在执行此JSP页面时,将共享该变量。2、JSPScriptlets:<%Java代码%>。可以包含多个语句,如方法,变量,表达式等。3、JSP表达式:<%=Java代码%>。JSP表达式中的代码会首先执行,然后转换成字符串并显示到网页上。4、注释:HTML注释格式,<!--注释内容-->,该注释会在jsp源代码中显示;j...

Servlet3.0 jsp跳转到Servlet 出现404错误的路径设置方法

 最近又遇到了这种问题,百度了好久,发现有人说要在action的路径里面写Servlet文件的绝对路径,比如说,单独打开servlet的地址为http://localhost:8080/TomcatTest/LoginConfServlet,那么就在action里面写http://localhost:8080/TomcatTest/LoginConfServlet。我尝试着将http://localhost:8080移除,只保留/TomcatTest/LoginConfServlet,还是可以成功的。总结:jsp跳转到servlet的时候,路径设置为/项目名/Servlet名。Servlet中dispatcher跳转到jsp页面时,也要写上/文件夹名/jsp文件名。图示:     之前遇到了一个问题,在博问中也有记载,最后自己摸索着突然就搞清楚了。问题就是:新建的动态web项目,发布到tomcat之后,jsp可以单独访问,servlet可以单独访问,但是通过form表单跳转到servlet的类则出现404错误。反复研究了很久也...

JSP 数据库连接类 MySql数据库

数据库连接类的主要功能是连接数据库并且获得连接对象,以及关闭数据库。通过创建该类的实例,调用其中的方法,以避免重复操作。1packagechapter13;2importjava.sql.*;3publicclassDataBaseConnection{4privatefinalStringDBDRIVER="com.mysql.jdbc.Driver";5privatefinalStringDBURL="jdbc:mysql://localhost:3306/javaweb";6privatefinalStringDBUSER="root";7privatefinalStringDBPASSWORD="000000";8privateConnectionconnection=null;9publicDataBaseConnection(){10try{11Class.forName(DBDRIVER);12this.connection=DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD);13}14catch(Exceptione...

JSP EL表达式 与输入有关的内置对象

与输入有关的隐含对象有两个param和paramValues,用来取得用户的请求参数。在使用EL之前可以使用如下代码取得用户的请求参数:request.getParameter(Stringname);request.getParameterValues(name);param接收的参数只有一个值,而如果参数有几个值,就必须使用paramValues来接收参数。 结合EL内置对象和EL算术表达式做一个简单的计算器程序。首先CalculatorForm.jsp,包含了两个文本框用于输入数字,一个下拉框用来选择运算符。(论HTML中下拉框的使用方法)1<%@pagelanguage="java"contentType="text/html;charset=utf-8"2pageEncoding="utf-8"import="java.util.*"%>3<%@pageimport="java.sql.*"%>4<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3....

JSP 用户表单的简单实现

1<%@pagelanguage="java"contentType="text/html;charset=utf-8"2pageEncoding="utf-8"import="java.util.*"%>3<%@pageimport="java.sql.*"%>4<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">5<html>6<head>7<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">8<title>用户表单</title>9</head>10<body>11<center>12<formaction="SetPropertyDemo.jsp"method="post">13<table>14<tr>...

<jsp:include>和<%@ include %>的区别

使用<%@include%>指令元素只是将页面的内容静态的包含进来,如果被包含的文件中有JSP代码,则会执行该代码,而不管该文件是否为动态文件。 <jsp:include>动作元素动态地包含文件,如果被包含的文件是静态的,则直接包含内容,不会进行处理;而如果被包含的文件是动态地,则先执行,再包含结果并进行显示。 使用<%@include%>指令元素是将所有的被包含文件包含进来之后,再进行编译等处理,可以简单的将其称为“先包含再处理“。 而使用<jsp:include>动作元素先将所有的代码处理完成之后,再将处理完成的代码的结果包含进行,可以称为“先处理再包含”。...
ymnets ymnets·2020-03-25

JSP 动作元素

JSP动作元素1、  动作元素分类用来动态的包含文件、网页跳转及使用JavaBean组件等。语法:<jsp:XXX/>或者<jsp:XXX></jsp:XXX>第一类是与存取JavaBean有关的,包括<jsp:useBean>、<jsp:setProperty> <jsp:getProperty>第二类是基本动作元素,包括<jsp:include>、<jsp:forward>、<jsp:param>、<jsp:plugin>、<jsp:params>、<jsp:fallback>第三类是主要与JSPdocument有关,包括如下几个动作元素,<jsp:root>、<jsp:declaration>、<jsp:scriptlet>、<jsp:expression>、<jsp:text>、<jsp:output>第四类主要用来动态的生成xml元素...
ymnets ymnets·2020-03-25

JSP基础总结 脚本元素

JSP脚本元素1、  JSP声明语句JSP声明语句以<%!开始,以%>结束,其语法格式为:<%! 声明语句 %>使用声明语句的变量为全局变量,也就是说,当有多个用户在执行此JSP页面时,将共享该变量。 2、  JSPScriptletsJSPScriptlets以<%开始,以%>结束,其中包含有效地符合Java语法规则的Java代码,其语法格式为:<%Java代码 %>。在JSPScriptlets中可以包含多个语句,如:方法、变量、表达式等。 3、  JSP表达式JSP表达式以<%=开始,以%>结束,其语法格式为:<%=Java代码 %>。JSP表达式中的代码会首先执行,然后转换成字符串并显示到网页上。 4、  注释JSP的注释分为两类,一类为可以在客户端显示的注释,即HTML注释;一类是不能在客户端显示的注释,即JSP注释。HTML注释使用<!--开始,以-...
首页上一页...2627282930下一页尾页