前幾天做項目的時候遇到一個需求,客戶想在醫院的診間結算單上打印出二維碼,供病人去掃描。由於現有的版本項目報表顯示和打印都是用ireport 3.7來做的,還沒轉化成lodop打印(新版本是lodop 在那上面打印二維碼輕而易舉)。 原本以前打印過條形碼,想着應該差不多。於是就着手做了,但是做的時候發現,ireport 的組件面板上根本沒有 二維碼的樣式,只有條形碼。
這下懵逼了,總不能因爲這樣一個小需求還要把打印格式全部轉化爲lodop,而且還得去每個診間醫生的電腦上一個個去安裝lodop吧。那只能在原有的方式上想辦法了。
看到組件模板上有image ,突然有個想法。能不能在後臺生成好圖片,把這個圖片給給到ireport呢?由於用的是java,和報表之間是通過jasperReports 去實現,於是從網上搜索了一堆發現都是在ireport 中引入javase.jar 和core.jar 包 然後再
新建一個【Image】屬性的文本,選擇圖片路徑時選擇“取消”,這時候在“image Expression”框中添加“com.google.zxing.client.j2se.MatrixToImageWriter.toBufferedImage(new com.google.zxing.qrcode.QRCodeWriter().encode($P{QrCode},com.google.zxing.BarcodeFormat.QR_CODE,1000,1000))”字段。
其中:$P{QrCode}是二維碼的內容,這個參數可以根據自己的實際情況來定
但是其實這種方法是有缺陷的!!!比如我現在遇到的情況:客戶又要求在二維碼中間加入自己醫院的logo (沒辦法,需求一直變是經常有的事情。。。。在這裏就不吐槽了)。本着客戶是上帝的原則 咱必須得咬咬牙滿足到底啊。
下面,正式進入解決方法:
-
在ireport的Parameters裏面新增一個參數,這裏我們取名:QRCODEURL。(這一步很重要!!)·
2.image 拖入要放二維碼的地方
3.設置 image的 expression 屬性,選中新加的QRCODEURL (這個一定要注意,不能在Image Expression裏面直接設置$P{QRCODEURL},否則會報net.sf.jasperreports.engine.design.JRValidationException: Report design not valid :
1. Parameter not found QRCODEURL的錯誤) ,並且在 is Lazy 打上勾(懶漢模式加載)
4.開始寫後臺。
如果是一張固定的二維碼圖片,建議直接引入生成好的二維碼圖片的路徑就可以了,我這邊是根目錄下。
5.如果是動態的二維碼,可以有兩種方式去實現。
5.1 先生成一張圖片 保存到服務器上。然後傳給前臺地址去調用。
關於如何生成圖片的代碼我貼在下面。需要core-2.2.jar,javase-2.2.jar 這兩個jar 包
package com.bsoft.bsphis.msxzz;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.imageio.ImageIO;
import org.apache.commons.codec.binary.Base64;
import com.bsoft.bsphis.mobilePay.util.SecurityUtil;
import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.MultiFormatWriter;
import com.google.zxing.WriterException;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;
/**
* @Description: (二維碼)
* @author:luoguohui
* @date:2015-10-29 下午05:27:13
*/
public class ZXingCode
{
private static final int QRCOLOR = 0xFF000000; //默認是黑色
private static final int BGWHITE = 0xFFFFFFFF; //背景顏色
public static void main(String[] args) throws WriterException
{
try
{
getLogoQRCode("https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=hzczaxqp&goto=330105004"
, "浙江政務服務");
}
catch (Exception e)
{
e.printStackTrace();
}
}
/**
* 生成帶logo的二維碼圖片
*
* @param qrPic
* @param logoPic
*/
public static String getLogoQRCode(String qrUrl,String productName)
{
// String filePath = (javax.servlet.http.HttpServletRequest)request.getSession().getServletContext().getRealPath("/") + "resources/images/logoImages/llhlogo.png";
//filePath是二維碼logo的路徑,但是實際中我們是放在項目的某個路徑下面的,所以路徑用上面的,把下面的註釋就好
String filePath = "C:/Users/Administrator/Desktop/tupian/touxiang.png"; //TODO
String content = qrUrl;
try
{
ZXingCode zp = new ZXingCode();
BufferedImage bim = zp.getQR_CODEBufferedImage(content, BarcodeFormat.QR_CODE, 120, 120, zp.getDecodeHintType());
return zp.addLogo_QRCode(bim, new File(filePath), new LogoConfig(), productName);
}
catch (Exception e)
{
e.printStackTrace();
}
return null;
}
/**
* 給二維碼圖片添加Logo
*
* @param qrPic
* @param logoPic
*/
public String addLogo_QRCode(BufferedImage bim, File logoPic, LogoConfig logoConfig, String productName)
{
try
{
/**
* 讀取二維碼圖片,並構建繪圖對象
*/
BufferedImage image = bim;
Graphics2D g = image.createGraphics();
/**
* 讀取Logo圖片
*/
BufferedImage logo = ImageIO.read(logoPic);
/**
* 設置logo的大小,本人設置爲二維碼圖片的20%,因爲過大會蓋掉二維碼
*/
int widthLogo = logo.getWidth(null)>image.getWidth()*3/10?(image.getWidth()*3/10):logo.getWidth(null),
heightLogo = logo.getHeight(null)>image.getHeight()*3/10?(image.getHeight()*3/10):logo.getWidth(null);
/**
* logo放在中心
*/
int x = (image.getWidth() - widthLogo) / 2;
int y = (image.getHeight() - heightLogo) / 2;
/**
* logo放在右下角
* int x = (image.getWidth() - widthLogo);
* int y = (image.getHeight() - heightLogo);
*/
//開始繪製圖片
g.drawImage(logo, x, y, widthLogo, heightLogo, null);
// g.drawRoundRect(x, y, widthLogo, heightLogo, 15, 15);
// g.setStroke(new BasicStroke(logoConfig.getBorder()));
// g.setColor(logoConfig.getBorderColor());
// g.drawRect(x, y, widthLogo, heightLogo);
g.dispose();
//把商品名稱添加上去,商品名稱不要太長哦,這裏最多支持兩行。太長就會自動截取啦
if (productName != null && !productName.equals("")) {
//新的圖片,把帶logo的二維碼下面加上文字
BufferedImage outImage = new BufferedImage(150, 150, BufferedImage.TYPE_4BYTE_ABGR);
Graphics2D outg = outImage.createGraphics();
//畫二維碼到新的面板
outg.drawImage(image, 0, 0, image.getWidth(), image.getHeight(), null);
//畫文字到新的面板
outg.setColor(Color.BLACK);
outg.setFont(new Font("宋體",Font.BOLD,20)); //字體、字型、字號
int strWidth = outg.getFontMetrics().stringWidth(productName);
if (strWidth > 399) {
// //長度過長就截取前面部分
// outg.drawString(productName, 0, image.getHeight() + (outImage.getHeight() - image.getHeight())/2 + 5 ); //畫文字
//長度過長就換行
String productName1 = productName.substring(0, productName.length()/2);
String productName2 = productName.substring(productName.length()/2, productName.length());
int strWidth1 = outg.getFontMetrics().stringWidth(productName1);
int strWidth2 = outg.getFontMetrics().stringWidth(productName2);
outg.drawString(productName1, 70- strWidth1/2, image.getHeight() + (outImage.getHeight() - image.getHeight())/2 + 12 );
BufferedImage outImage2 = new BufferedImage(400, 485, BufferedImage.TYPE_4BYTE_ABGR);
Graphics2D outg2 = outImage2.createGraphics();
outg2.drawImage(outImage, 0, 0, outImage.getWidth(), outImage.getHeight(), null);
outg2.setColor(Color.BLACK);
outg2.setFont(new Font("宋體",Font.BOLD,20)); //字體、字型、字號
outg2.drawString(productName2, 70-strWidth2/2, outImage.getHeight() + (outImage2.getHeight() - outImage.getHeight())/2 + 5 );
outg2.dispose();
outImage2.flush();
outImage = outImage2;
}else {
outg.drawString(productName, 70-strWidth/2 , image.getHeight() + (outImage.getHeight() - image.getHeight())/2 + 12 ); //畫文字
}
outg.dispose();
outImage.flush();
image = outImage;
}
logo.flush();
image.flush();
ByteArrayOutputStream baos = new ByteArrayOutputStream();
baos.flush();
ImageIO.write(image, "png", baos);
//二維碼生成的路徑,但是實際項目中,我們是把這生成的二維碼顯示到界面上的,因此下面的折行代碼可以註釋掉
//可以看到這個方法最終返回的是這個二維碼的imageBase64字符串
//前端用 <img src="data:image/png;base64,${imageBase64QRCode}"/> 其中${imageBase64QRCode}對應二維碼的imageBase64字符串
ImageIO.write(image, "png", new File("F:/homeCode.jpg")); //TODO
String imageBase64QRCode = SecurityUtil.encryptBASE64(baos.toByteArray());
// Base64.encodeBase64URLSafeString(baos.toByteArray());
baos.close();
return imageBase64QRCode;
}
catch (Exception e)
{
e.printStackTrace();
}
return null;
}
/**
* 構建初始化二維碼
*
* @param bm
* @return
*/
public BufferedImage fileToBufferedImage(BitMatrix bm)
{
BufferedImage image = null;
try
{
int w = bm.getWidth(), h = bm.getHeight();
image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
for (int x = 0; x < w; x++)
{
for (int y = 0; y < h; y++)
{
image.setRGB(x, y, bm.get(x, y) ? 0xFF000000 : 0xFFCCDDEE);
}
}
}
catch (Exception e)
{
e.printStackTrace();
}
return image;
}
/**
* 生成二維碼bufferedImage圖片
*
* @param content
* 編碼內容
* @param barcodeFormat
* 編碼類型
* @param width
* 圖片寬度
* @param height
* 圖片高度
* @param hints
* 設置參數
* @return
*/
public BufferedImage getQR_CODEBufferedImage(String content, BarcodeFormat barcodeFormat, int width, int height, Map<EncodeHintType, ?> hints)
{
MultiFormatWriter multiFormatWriter = null;
BitMatrix bm = null;
BufferedImage image = null;
try
{
multiFormatWriter = new MultiFormatWriter();
// 參數順序分別爲:編碼內容,編碼類型,生成圖片寬度,生成圖片高度,設置參數
bm = multiFormatWriter.encode(content, barcodeFormat, width, height, hints);
int w = bm.getWidth();
int h = bm.getHeight();
image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
// 開始利用二維碼數據創建Bitmap圖片,分別設爲黑(0xFFFFFFFF)白(0xFF000000)兩色
for (int x = 0; x < w; x++)
{
for (int y = 0; y < h; y++)
{
image.setRGB(x, y, bm.get(x, y) ? QRCOLOR : BGWHITE);
}
}
}
catch (WriterException e)
{
e.printStackTrace();
}
return image;
}
/**
* 設置二維碼的格式參數
*
* @return
*/
public Map<EncodeHintType, Object> getDecodeHintType()
{
// 用於設置QR二維碼參數
Map<EncodeHintType, Object> hints = new HashMap<EncodeHintType, Object>();
// 設置QR二維碼的糾錯級別(H爲最高級別)具體級別信息
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
// 設置編碼方式
hints.put(EncodeHintType.CHARACTER_SET, "utf-8");
hints.put(EncodeHintType.MARGIN, 0);
hints.put(EncodeHintType.MAX_SIZE, 350);
hints.put(EncodeHintType.MIN_SIZE, 100);
return hints;
}
}
class LogoConfig
{
// logo默認邊框顏色
public static final Color DEFAULT_BORDERCOLOR = Color.WHITE;
// logo默認邊框寬度
public static final int DEFAULT_BORDER = 2;
// logo大小默認爲照片的1/5
public static final int DEFAULT_LOGOPART = 5;
private final int border = DEFAULT_BORDER;
private final Color borderColor;
private final int logoPart;
/**
* Creates a default config with on color {@link #BLACK} and off color
* {@link #WHITE}, generating normal black-on-white barcodes.
*/
public LogoConfig()
{
this(DEFAULT_BORDERCOLOR, DEFAULT_LOGOPART);
}
public LogoConfig(Color borderColor, int logoPart)
{
this.borderColor = borderColor;
this.logoPart = logoPart;
}
public Color getBorderColor()
{
return borderColor;
}
public int getBorder()
{
return border;
}
public int getLogoPart()
{
return logoPart;
}
}
其中base64的方法我這邊就補貼出來了。自己百度搜,一搜一大把。
這種方式有一個弊端:當圖片量很大的時候,就整個項目會變的很大。如果這些照片不需要存儲,建議用第二種方案。
方案二:
把圖片轉成base64輸出到QRCODEURL 中去就可以了。至於怎麼轉,看上面傳的addLogo_QRCode 返回的String類型就行啦。
response.put("QRCODEURL", imageBase64QRCode);
總結:
代碼在上面,註釋應該已經寫的很詳細了。遇到問題,百度後一定要自己思考才行。不能原模原樣照搬照抄