Web项目小票打印分页打印

      项目需要在WEB项目中利用JS打印项目的考试标签基本信息。之前用了很多种方式。使用了LodopFuncs。不得不说LodopFuncs功能是比较的强大。但是需要收费，否则打印出来会出现“XX测试提供的水印”，不满足要求。

      后来在网上试用了很多的方式。个人觉得杰表云打印挺适合的，代码简单。

     杰表打印控件的英文名称为jatoolsPrinter，这是专为开发者打造的一款免费打印控件，安装后可以加载到网页中使用，软件支持主流的网页浏览器，比如 firefox、chrome、safari等，拥有批量打印、自动打印、表格自动分页以及支持codabar、code39、code128等主流的二维码打印操作，具有配置简单，打印质量清晰以及代码简洁的特点。

    简单例子:

      第一步：网上下载杰表云打印的JS。

      jcpfree.js  （下载地址：http://www.121down.com/soft/softview-93597.html）

      第二步：撸代码

      因我我需要,需要打印至少60个以上的标签。我用ForEach循环生成。

     注意：控件按照你id去选择打印。默认是page，后面加上需要打印的后缀。此时打印搞定。

<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>





<%
	String baseURL = request.getContextPath();
%>




	
	

	
		

			

				

					
准考证:${examCard.examCardNo }
					
姓名:${examCard.studentName }
					
科目:${projectValue }
					
考场:${examCard.roomNo }
					
画室:${examCard.studioName }
				
				

					
				
			
		
	

      页面选择打印标签:

        个人没去研究其他的什么办法.只是利用了CSS去控制DIV的id。

        

<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>





<%
	String baseURL = request.getContextPath();
%>







	
	
	
	
	

	

		

			
姓名:${examCardEntity.studentName }
			
考室:${examCardEntity.roomNo }
			
画室:${examCardEntity.studioName }
			
准考证号:${examCardEntity.examCardNo }
		
	
	

		

			

				
准考证:${examCardEntity.examCardNo }
				
姓名:${examCardEntity.studentName }
				
科目:色彩
				
考场:${examCardEntity.roomNo }
				
画室:${examCardEntity.studioName }
			
			

				
			
		
	
	

		

			

				
准考证:${examCardEntity.examCardNo }
				
姓名:${examCardEntity.studentName }
				
科目:素描
				
考场:${examCardEntity.roomNo }
				
画室:${examCardEntity.studioName }
			
			

				
			
		
	
	

		

			

				
准考证:${examCardEntity.examCardNo }
				
姓名:${examCardEntity.studentName }
				
科目:速写
				
考场:${examCardEntity.roomNo }
				
画室:${examCardEntity.studioName }
			
			

				
			
		
	

网上查看还有其他的高级功能。设置打印的纸张，设置默认打印机等，本项目我没有去研究了。