Spring Boot Web 生成并显示二维码

已于 2022-08-30 08:35:57 修改
阅读量1.9k 收藏 9
点赞数 5
分类专栏： java springcloud 实用工具 文章标签： java spring boot spring spring cloud
于 2022-08-29 17:34:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20173195/article/details/126589009
版权

Spring Boot Web 生成并显示二维码

本 Spring Boot 教程将逐步向您展示如何实现 Spring Boot Web 应用程序，该应用程序从用户输入生成 QR 码并通过网页显示 QR 码。

目录

Spring Boot Web 生成并显示二维码

1.创建新的 Spring Boot Web 项目

2.将 ZXing Core 和 ZXing Java SE Extensions 库添加到 Spring Boot 项目中

3.编写二维码服务接口和类

4.编写控制器类和 HTML 视图

5.完成源代码并运行 Web 应用程序

1.创建新的 Spring Boot Web 项目

打开 IntelliJ IDEA，选择菜单 File > New > Project。

在 New Project 对话框中，选择 Spring Initializr 并单击 Next 按钮。

在 Spring initializr Project Settings 对话框中，输入新的项目信息，如下所示，然后单击 Next 按钮。

  • group：dev.simplesolution
  • artifact：spring-boot-generate-display-qr-code
  • version：1.0.0
  • Name：spring-boot-generate-display-qr-code
  • description：Spring Boot Web 生成并显示二维码
  • package：dev.simplesolution.generateqr

在 Dependencies 对话框中，选择下面的依赖项，然后单击 Next 按钮。

  • Spring Web
  • Thymeleaf

为您的项目选择位置，然后单击 Finish 按钮以创建新的 Spring Boot 项目。

您还可以使用位于start.spring.io的 Spring Initializr 在线工具创建新的 Spring Boot 项目，如下图所示。

2.将 ZXing Core 和 ZXing Java SE Extensions 库添加到 Spring Boot 项目中

为了生成二维码图像，我们使用 ZXing 库。要在 Maven 项目中使用 ZXing 库，请将以下依赖项添加到 pom.xml 文件中。

<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>core</artifactId>
    <version>3.4.1</version>
</dependency>

<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>javase</artifactId>
    <version>3.4.1</version>
</dependency>

完整的 pom.xml 如下所示。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.6.1</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>dev.simplesolution</groupId>
    <artifactId>spring-boot-generate-display-qr-code</artifactId>
    <version>1.0.0</version>
    <name>spring-boot-generate-display-qr-code</name>
    <description>Spring Boot Web Generate and Display QR Code</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>core</artifactId>
            <version>3.4.1</version>
        </dependency>

        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>javase</artifactId>
            <version>3.4.1</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

如果您使用的是 Gradle，请将以下依赖项添加到 build.gradle 文件中。

implementation group: 'com.google.zxing', name: 'core', version: '3.4.1'

implementation group: 'com.google.zxing', name: 'javase', version: '3.4.1'

3.编写二维码服务接口和类

在这一步，我们实现服务类来生成 QR 图像并将 QR 图像作为字节数组返回。

创建一个名为 dev.simplesolution.generateqr.service 的新包并添加新接口 QRCodeService，如下所示。

src/main/java/dev/simplesolution/generateqr/service/QRCodeService.java

package dev.simplesolution.generateqr.service;

public interface QRCodeService {

    byte[] generateQRCode(String qrContent, int width, int height);

}

创建一个名为 dev.simplesolution.generateqr.service.impl 的新包，并按照以下代码实现一个名为 QRCodeServiceImpl 的类。

src/main/java/dev/simplesolution/generateqr/service/impl/QRCodeServiceImpl.java

package dev.simplesolution.generateqr.service.impl;

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 dev.simplesolution.generateqr.service.QRCodeService;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Service;

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

@Service
public class QRCodeServiceImpl implements QRCodeService {

    private Logger logger = LoggerFactory.getLogger(QRCodeServiceImpl.class);

    @Override
    public byte[] generateQRCode(String qrContent, int width, int height) {
        try {
            QRCodeWriter qrCodeWriter = new QRCodeWriter();
            BitMatrix bitMatrix = qrCodeWriter.encode(qrContent, BarcodeFormat.QR_CODE, width, height);
            ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
            MatrixToImageWriter.writeToStream(bitMatrix, "PNG", byteArrayOutputStream);
            return byteArrayOutputStream.toByteArray();
        } catch (WriterException e) {
            logger.error(e.getMessage(), e);
        } catch (IOException e) {
            logger.error(e.getMessage(), e);
        }
        return null;
    }
}


 

4.编写控制器类和 HTML 视图

在这一步中，我们实现了一个新的 Controller 类，它公开了 3 个端点。

  • 显示表单的索引端点允许用户输入内容来生成二维码。
  • 显示 QR 码端点以显示 HTML 页面，其中包含表示生成的 QR 码图像的 img 标记。
  • 生成二维码端点接收文本作为二维码内容并返回二维码图像。

添加一个名为 dev.simplesolution.generateqr.controller 的新 Java 包，并按照以下 Java 代码实现 QRCodeController 类。

src/main/java/dev/simplesolution/generateqr/controller/QRCodeController.java

package dev.simplesolution.generateqr.controller;

import dev.simplesolution.generateqr.service.QRCodeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.OutputStream;

@Controller
public class QRCodeController {

    @Autowired
    private QRCodeService qrCodeService;

    @RequestMapping("/")
    public String index() {
        return "index";
    }

    @PostMapping("/showQRCode")
    public String showQRCode(String qrContent, Model model) {
        model.addAttribute("qrCodeContent", "/generateQRCode?qrContent=" + qrContent);
        return "show-qr-code";
    }

    @GetMapping("/generateQRCode")
    public void generateQRCode(String qrContent, HttpServletResponse response) throws IOException {
        response.setContentType("image/png");
        byte[] qrCode = qrCodeService.generateQRCode(qrContent, 500, 500);
        OutputStream outputStream = response.getOutputStream();
        outputStream.write(qrCode);
    }
}


 

下一步我们将下面的 HTML 视图添加到资源/模板目录，如下所示。

  • index.html 显示允许用户输入内容生成二维码的索引页面。
  • show-qr-code.html 显示带有 img 标签的二维码。

src/main/resources/templates/index.html
 

<html xmlns:th="https://www.thymeleaf.org">
<head>
    <title>Spring Boot Web Generate QR Code</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <h1>Generate QR Code</h1>
    <form method="POST" enctype="multipart/form-data" action="/showQRCode">
        <div class="mb-3">
            <label for="qrContent" class="form-label">Enter your content to generate QR code</label>
            <input type="text" class="form-control form-control-lg" id="qrContent" name="qrContent" required>
        </div>
        <div class="mb-3">
            <button type="submit" class="btn btn-primary">Generate QR Code</button>
        </div>
    </form>
</div>
</body>
</html>

src/main/resources/templates/show-qr-code.html

<html xmlns:th="https://www.thymeleaf.org">
<head>
    <title>Spring Boot Web Generate QR Code</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <a href="/" class="btn btn-link">Back to home</a>
    <br />
    <img th:src="${qrCodeContent}" />
</div>
</body>
</html>

5.完成源代码并运行 Web 应用程序

最后我们得到了完整的应用程序，其源代码结构如下。

运行应用程序并在浏览器上打开http://localhost:8080/以访问如下网页。

在文本字段中输入您要生成二维码的内容，然后点击生成二维码生成二维码图像，如下所示。

 源代码下载地址:SpringBootWeb生成并显示二维码-Java文档类资源-CSDN下载

如果觉得文章不错，可以点赞，关注一下博主啦~  感谢~

Meta.Qing
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Spring boot web 访问
05-08
Spring boot 入门程序，访问html，dev tools 使用， 中文乱码处理
springboot-批量生成二维码
04-02
功能介绍： 可以通过页面上传Excel表格，批量生成二维码，并下载生成二维码图片。
Java实战：SpringBoot集成ZXing实现二维码生成与解析
oandy0的博客
03-02 949
本文将详细介绍如何利用ZXing库在SpringBoot中集成二维码功能，通过详尽的代码示例和原理解析，帮助您深入了解并掌握这一实用技术。
Java(Spring boot)实现生成二维码
weixin_43763430的博客
02-09 6587
二维码 1、引入spring boot依赖： <!--引入生成二维码的依赖--> <!-- https://mvnrepository.com/artifact/com.google.zxing/core --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId>
SpringBoot——生成二维码
m0_60500421的博客
02-21 387
生成二维码
基于Spring Boot的二维码生成与解析接口.zip
07-08
基于Spring Boot的二维码生成与解析接口.zip
spring boot用zxing生成二维码,支持logo.qrcode-master.zip
05-03
spring boot用zxing生成二维码,支持logo
Springboot生成二维码并回显到页面上
weixin_45724872的博客
02-18 2227
一、导入依赖 <dependency> <groupId>com.google.zxing</groupId> <artifactId>javase</artifactId> <version>3.2.1</version> </dependency> 测试 不带logo的二维码 package com.tubai; import com
Java实现二维码、条形码等功能
路漫漫其修远兮，吾将上下而求索
02-01 2459
ZXing是一个开放源码的，用Java实现的多种格式的1D/2D条码图像处理库，它包含了联系到其他语言的端口。Zxing可以实现使用手机的内置的摄像头完成条形码的扫描及解码。
SpringBoot实现二维码生成
lixianhe的博客
05-05 8082
SpringBoot实现二维码生成
Springboot生成二维码
qq_45525848的博客
03-26 3079
Springboot生成二维码
通过SpringBoot生成微信小程序二维码，跳转指定页面
qq_42043458的博客
04-21 1403
通过SpringBoot生成微信小程序二维码，使用微信扫一扫跳转指定页面。
Spring Boot技术知识点：如何实现二维码生成工具
06-30
Spring Boot技术知识点：如何实现二维码生成工具
Spring Boot 代码生成器
04-17
自己写的非常好用的Java代码生成器，用于生成 RESTful 风格的 Controller、Service、Dao、Entity 层代码。 提供的源码简单明了，可以直接使用，方便快捷生成你的项目代码，避免繁琐的基础代码设计；也可以快速修改...
mybatisPlus使用MetaObjectHandler对字段进行更新
最新发布
m0_56356631的博客
04-23 263
都是符合我们的预期的。
string模拟实现
m0_73969414的博客
04-23 1392
c++中string的模拟实现，面试必会知识点
实现自定义注解、实现自定义幂等性注解
qq_44721738的博客
04-23 521
添加 Spring AOP 依赖。创建自定义注解。创建一个新的 Java 注解类，通过@interface关键字来定义，并可以添加元注解以及属性。@Target(ElementType.METHOD) //表示作用于方法上@Retention(RetentionPolicy.RUNTIME) // 表示这个注解在运行时是可见的，这样 AOP 代理才能在运行时读取到这个注解编写 AOP 拦截（自定义注解）的逻辑代码。@Aspect@Component// 方法执行前的处理。
javaweb-SpringBoot基础
kussm_的博客
04-20 1292
Spring的官网(Spring的简介：Spring makes Java simple。Spring Boot 可以帮助我们非常快速的构建应用程序、简化开发、提高效率。创建一个子包controller。
java生成二维码并下载
12-05
以下是Java生成二维码并下载的代码示例： ```java // 导入相关包 import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import java.util.HashMap; import java.util.Map; import javax.imageio.ImageIO; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody; import com.google.zxing.BarcodeFormat; import com.google.zxing.EncodeHintType; import com.google.zxing.MultiFormatWriter; import com.google.zxing.WriterException; import com.google.zxing.client.j2se.MatrixToImageWriter; import com.google.zxing.common.BitMatrix; import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel; @Controller @RequestMapping("/qrcode") public class QRCodeController { @GetMapping("/download") @ResponseBody public void downloadQRCode(@RequestParam("content") String content, HttpServletResponse response) throws IOException, WriterException { // 设置二维码参数 int width = 300; // 二维码宽度 int height = 300; // 二维码高度 String format = "png"; // 二维码图片格式 Map<EncodeHintType, Object> hints = new HashMap<>(); hints.put(EncodeHintType.CHARACTER_SET, "UTF-8"); // 编码格式 hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H); // 容错等级 hints.put(EncodeHintType.MARGIN, 1); // 边距 // 生成二维码 BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints); BufferedImage image = MatrixToImageWriter.toBufferedImage(bitMatrix); // 将二维码图片写入文件 File file = new File("qrcode.png"); ImageIO.write(image, format, file); // 设置响应头，使浏览器能够下载文件 response.setHeader("Content-Disposition", "attachment;filename=qrcode.png"); response.setContentType("application/octet-stream"); response.setContentLength((int) file.length()); // 将文件写入响应流 FileInputStream in = new FileInputStream(file); OutputStream out = response.getOutputStream(); byte[] buffer = new byte[1024]; int len = 0; while ((len = in.read(buffer)) != -1) { out.write(buffer, 0, len); } in.close(); out.close(); } } ``` 以上代码使用Spring Boot框架，通过调用`/qrcode/download`接口，传入二维码内容`content`，即可生成二维码并下载到本地。其中，二维码参数可以根据需求进行修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Meta.Qing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值