你不可错过的二维码生成与解析-java后台与前端js都有

来源：互联网发布：php 单例模式编辑：程序博客网时间：2024/04/29 01:52

1.二维码分类

二维条码也有许多不同的码制，就码制的编码原理而言，通常分为三种类型。

线性堆叠式二维码

编码原理：
建立在一维条码基础之上，按需要堆积成两行或多行。

图示：

矩阵式二维码

最常用编码，原理：
在一个矩形空间通过黑白像素在矩阵中的不同分布进行编码。在矩阵相应的位置上，用点（方点、圆点或其它形状）的出现表示二进制“1”，点的不出现表示二进制的“0”

图示：

邮政码
通过不同长度的条进行编码，主要用于邮政编码。

2.QR Code

现在最常用的就是这种，咱们现在主要介绍的也是这种。为啥这种使用二维码那么受反应呢？主要QR Code这种二维码有如下优点：

识读速度快
数据密度大
占用空间小

2.1 QR Code介绍

2.2 QR Code 结构

大家可以了解下二维码的结构，知道大概就行了，如果想了解详细信息的话可以自行百度，国家有详细的二维码规范。

3.后台JAVA代码实现二维码(QR Code)生成

这里介绍如下两种实现方式：

Java 后台实现，主要使用zxing和qrcodejar等第三方jar包。
前端javascript实现，主要使用jquery.qrcode.js

3.1 使用zxing生成二维码

3.1.1 zxing相关网站

zxing的GitHub
zxing的Java文档

3.1.2 生成zxing jar包

由于github上没有相关的jar包，所以需要我们自己生成一下，上面有好多关于android相关的，我们只需要选取核心包和javase这两部分代码。既下图矩形框内容：

生成方式我大致说下：首先在ecplise里新建一个java项目zxing,将刚才画框代码拷贝进去，然后导出jar包即可。如果你不想生成也可以在我的github上自行下载。

3.1.3 生成二维码代码

package cn.rivamed.zxing;import java.io.File;import java.nio.file.Path;import java.util.HashMap;import com.google.zxing.BarcodeFormat;import com.google.zxing.EncodeHintType;import com.google.zxing.MultiFormatWriter;import com.google.zxing.client.j2se.MatrixToImageWriter;import com.google.zxing.common.BitMatrix;import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;public class CreateQRCode {    public static void main(String[] args) {                int width=300;        int height=300;                String format="png";        //这里如果你想自动跳转的话，需要加上https://        String content="https://github.com/hbbliyong/QRCode.git";                HashMap hits=new HashMap();        hits.put(EncodeHintType.CHARACTER_SET, "utf-8");//编码        //纠错等级，纠错等级越高存储信息越少        hits.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.M);        //边距        hits.put(EncodeHintType.MARGIN, 2);                try {            BitMatrix bitMatrix=new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height,hits);            //如果做网页版输出可以用输出到流            //MatrixToImageWriter.writeToStream(matrix, format, stream);            Path path=new File("D:/zxingQRCode.png").toPath();            MatrixToImageWriter.writeToPath(bitMatrix, format, path);        } catch (Exception e) {            // TODO Auto-generated catch block            e.printStackTrace();        }        System.out.println("that is all");    }}

生成的结果如下：

由于代码都有详细注释，我就不一一讲解了，有疑问可以留言，我们一块探讨。

3.1.4 解析二维码代码

package cn.rivamed.zxing;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;import java.util.HashMap;import javax.imageio.ImageIO;import com.google.zxing.Binarizer;import com.google.zxing.BinaryBitmap;import com.google.zxing.EncodeHintType;import com.google.zxing.LuminanceSource;import com.google.zxing.MultiFormatReader;import com.google.zxing.MultiFormatWriter;import com.google.zxing.NotFoundException;import com.google.zxing.Result;import com.google.zxing.client.j2se.BufferedImageLuminanceSource;import com.google.zxing.common.BitArray;import com.google.zxing.common.BitMatrix;import com.google.zxing.common.HybridBinarizer;import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;public class ReadQRCode {    public static void main(String[] args) {        try {            MultiFormatReader formatReader=new MultiFormatReader();            File file=new File("D:/zxingQRCode.png");            BufferedImage image=ImageIO.read(file);            BinaryBitmap binaryBitmap=new BinaryBitmap(new HybridBinarizer(new BufferedImageLuminanceSource(image)));                        HashMap hints=new HashMap();            hints.put(EncodeHintType.CHARACTER_SET, "utf-8");//编码                        Result result=formatReader.decode(binaryBitmap, hints);            System.out.println("解析结果："+result.toString());            System.out.println("二维码格式类型："+result.getBarcodeFormat());            System.out.println("二维码文本"+result.getText());        } catch (Exception e) {            // TODO Auto-generated catch block            e.printStackTrace();        }    }}

3.2 使用qrcode生成解析二维码

3.2.1 生成二维码

package cn.rivamed.qrcode;import java.awt.Color;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;import java.io.UnsupportedEncodingException;import javax.imageio.ImageIO;import com.swetake.util.Qrcode;public class CreateQRCode {    public static void main(String[] args) throws IOException {        Qrcode x=new Qrcode();        int version=7;        x.setQrcodeErrorCorrect('M');//纠错等级        x.setQrcodeEncodeMode('B');//N代表数字，A代表a-Z,B代表其它（中文等）                x.setQrcodeVersion(version);//版本号        String qrData="https://github.com/hbbliyong/QRCode.git";        //int width=300;        int width=67+12*(version-1);        //int height=300;        int height=67+12*(version-1);        BufferedImage bufferedImage=new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);                Graphics2D gs=bufferedImage.createGraphics();        gs.setBackground(Color.WHITE);        gs.setColor(Color.BLACK);        gs.clearRect(0, 0, width, height);                int pixoff=2;//偏移量，如果不加有可能会导致识别不准确        //如果有汉字需要加上编码        byte[] d=qrData.getBytes("gb2312");        //byte[] d=qrData.getBytes();        if(d.length>0&&d.length<120){            boolean[][] s=x.calQrcode(d);                        for(int i=0;i<s.length;i++){                for(int j=0;j<s.length;j++){                    if(s[j][i]){                        gs.fillRect(j*3+pixoff, i*3+pixoff, 3, 3);                    }                }            }        }        gs.dispose();        bufferedImage.flush();                ImageIO.write(bufferedImage, "png", new File("D:/qrcode.png"));    }}

生成的结果如下：

这里需要注意的是，二维码长宽不能想zxing之直接定义，需要跟进这个公式生成67+12*(version-1)。比如我直接定义二维码的长宽为300.就会变成如下样子。
这上面空白看的不是太清，你把图片下载下载下来看就比较明显了。

3.2.2 解析二维码

package cn.rivamed.qrcode;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;import javax.imageio.ImageIO;import jp.sourceforge.qrcode.QRCodeDecoder;import jp.sourceforge.qrcode.data.QRCodeImage;public class ReadQRCode {    public static void main(String[] args) throws IOException {        File file=new File("D:/qrcode.png");        BufferedImage bufferedImage=ImageIO.read(file);        QRCodeDecoder codeDecoder=new QRCodeDecoder();        String result=new String(codeDecoder.decode(new QRCodeImage() {                        @Override            public int getWidth() {                // TODO Auto-generated method stub                return bufferedImage.getWidth();            }                        @Override            public int getPixel(int arg0, int arg1) {                // TODO Auto-generated method stub                return bufferedImage.getRGB(arg0, arg1);            }                        @Override            public int getHeight() {                // TODO Auto-generated method stub                return bufferedImage.getHeight();            }        }),"gb2312");        System.out.println(result);    }}

4.前台代码jquery生成二维码

4.1 jquery.qrcode.js 的 GitHub

4.2 相关代码

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>二维码生成</title><script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.min.js"></script><script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.qrcode.min.js"></script></head><body>生成的二维码如下：<br><dir id="qrcode"></dir><script type="text/javascript">jQuery('#qrcode').qrcode('https://github.com/hbbliyong/QRCode.git');</script></body></html>

5.结束语

所有的代码我都上传到了github上面，大家可以下载运行。这里面介绍的都比较基础的，但也包含了前端后台多种方式，对于简单的应用已经足够了。至于一些扩展，如果加上logo啊，电子名品啊，大家可以自行摸索。感谢您的观看，如果有什么疑问可以留言。

ps:
一个在线生成二维码的网站推荐：在线工具
这个工具也是使用的zxing

阅读全文

0 0