SpringBoot简单项目(二维码扫描）

news2024/11/24 10:56:52

pom.xml中导入依赖

 <!-- zxing -->
        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>core</artifactId>
            <version>3.3.0</version>
        </dependency>
        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>javase</artifactId>
            <version>3.3.0</version>
        </dependency>

前端网页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二维码生成</title>
</head>
<body>
<h1>二维码生成</h1>
<input type="text" id="textInput" placeholder="输入内容">
<button onclick="generateQRCode()">生成二维码</button>
<div id="qrCodeContainer"></div>

<script>
    function generateQRCode() {
        const text = document.getElementById('textInput').value;
        const qrCodeContainer = document.getElementById('qrCodeContainer');
        qrCodeContainer.innerHTML = '';

        if (text) {
            fetch(`/generateQRCode?text=${encodeURIComponent(text)}`)   //调用了generateQRCode方法生成二维码
                .then(response => response.blob())   //返回时用blob()格式  因为要用二进制形式存储二维码
                .then(blob => {
                    const img = document.createElement('img');  //创建img元素
                    img.src = URL.createObjectURL(blob);  //给Img元素添加src
                    qrCodeContainer.appendChild(img);   //将img添加到qrCodeContainer标签中
                });
        }
    }
</script>
</body>
</html>

控制器

package com.qcby.Controller;



import com.google.zxing.BarcodeFormat;
import com.google.zxing.WriterException;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;
import com.google.zxing.qrcode.encoder.QRCode;

import org.springframework.core.io.ByteArrayResource;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import java.io.ByteArrayOutputStream;
import java.io.IOException;

@RestController
public class QRCodeController {

    @GetMapping("/generateQRCode")
    public ResponseEntity<ByteArrayResource> generateQRCode(@RequestParam String text) {
        QRCodeWriter qrCodeWriter = new QRCodeWriter();
        ByteArrayOutputStream outputStream = new ByteArrayOutputStream();

        try {
            BitMatrix qrCode = qrCodeWriter.encode(text, BarcodeFormat.QR_CODE, 200, 200); //encode方法  将text转换为你想要的格式
            MatrixToImageWriter.writeToStream(qrCode, "PNG", outputStream);
            //qrCode: 这是一个 BitMatrix 对象，它包含了生成的二维码数据。这个对象是通过 QRCodeWriter.encode 方法生成的。
            //"PNG": 这是图像的格式类型。在这里，我们指定将二维码图像编码为 PNG 格式。
            //outputStream: 这是一个 ByteArrayOutputStream 对象，用于存储编码后的图像数据。
            //MatrixToImageWriter 是 ZXing 库中的一个实用工具类，用于将 BitMatrix 对象转换为图像。writeToStream 方法将 BitMatrix 对象表示的二维码图像写入到指定的输出流中。
        } catch (WriterException | IOException e) {
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).build();
        }

        ByteArrayResource resource = new ByteArrayResource(outputStream.toByteArray());  //将输出流的数据读取

        return ResponseEntity.ok()   //表示 HTTP 响应的状态码是 200 OK
                .header(HttpHeaders.CONTENT_TYPE, MediaType.IMAGE_PNG_VALUE)  //表示返回数据的形式是PNG
                .contentLength(resource.contentLength())  //表示返回数据的长度
                .body(resource); //将数据返回
    }
}

这里注意下，如果你是用手机扫码的话，手机很多应用是配有自动扫描的就i不需要下面扫描的代码了

package com.qcby.Controller;

import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class QRCodeScanController {

    @PostMapping("/scanQRCode")
    public ResponseEntity<String> handleQRCodeScan(@RequestBody String scannedData) {
        // 处理扫描的数据
        return ResponseEntity.ok("Scanned data: " + scannedData);
    }
}

补充: