java生成二维码用web方式

本文介绍了如何在Java后台生成二维码,并结合前端Vue实现通过Web接口动态生成二维码的功能。前端输入字符,调用后台接口,返回二维码Base64字符串,前端将其加载到img标签展示二维码图片。
摘要由CSDN通过智能技术生成

    java生成二维码的后台实现,但是实际应用中不可能只是使用java后台去生成二维码,使用java生成二维码一般会做web端,本片介绍生成二维码前端实现和后台代码的修改。

最终效果:

   在文本框中输入字符,点击生成二维码按钮,调用后台生成二维码接口生成二维码并返回二维码base64字符串,字符串中信息添加到 img标签src属性中即可显示二维码图片。

 

前端代码实现

vue 文件代码

主要还是以实现功能为主,就没有做任何布局和美化了

<template>
  <div>
    <input type="text" v-model="qrCodeText">
    <button type="button" @click="clickGetCode()">生成二维码</button>
    <img :src="'data:image/png;base64,'+ this.base64QrCode" style="width: 20vw;">
  </div>
</template>

<scrip
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值