微服务--推荐码(二维码)功能实现

ikun丿

已于 2023-08-06 08:58:07 修改

阅读量572

点赞数

文章标签：状态模式

于 2023-08-05 16:32:54 首次发布

本文链接：https://blog.csdn.net/ikuning/article/details/132120626

版权

一丶业务分析

1.用户在注册的时候会生成一个推荐码(4位,5位,6位都可),这个二维码会展示在用户个人中心

2.其他注册用户如果是通过扫描这个二维码会跳转到注册界面,注册页面会将路径中的推荐码放入推荐码文本框

3.用户注册时,将模型数据传给后端,后端对推荐码进行判断,通过推荐码找到所属用户,然后把推荐人的id保存到对应字段中

二丶业务实现

2.1.前端代码:用户界面

2.1.1生成二维码方法,并且要在钩子方法中调用

//生成二维码
loadRecommendCode() {
	var id = 36
	this.$http.get("/user/user/getRecommendCode/" + id).then(res => {  //获取用户的推荐码 - 后台生成4位
	//res.data :就是base64编码后的图片的字符串
	this.imageCode = this.imageCodePrefix+res.data;
	}).catch(error => {
	    $.alert("用户的推荐码加载失败");
	});
},

2.1.2模型数据

data(){
	return {
		imageCodePrefix:"data:image/jpg;base64,",  //二维码用
		imageCode:'',  //二维码用
    }
}

2.1.3展示

<div style="padding-left: 20px">专属推荐链接：
	<img :src="imageCode"  style="height: 150px">
</div>

2.2.前端代码:注册界面

2.2.1获取推荐码方法,并且要在钩子方法中调用

 getRecommendCode() { //推荐码
     const url = window.location.href;
     onst queryString = url.substring(url.indexOf('?') + 1);
     const searchParams = new URLSearchParams(queryString);
     const codeValue = searchParams.get('code');
     if (codeValue !== null) {
        this.formParams.recommendCode = codeValue;
     }
},

2.2.2模型数据

data() {
    return {
        imageCodePrefix: "data:image/jpg;base64,",
        imageCode: '',
        formParams: {
            mobile: '18244444444',
            password: '123456',
            imageCode: '',
            smsCode: '',
            regChannel: 1,
            recommendCode: '',
        }
    }
},

2.2.3推荐码回显

<div class="form-group form-group-spe">
<label for="mobileregistermodel-invite_code" class="input-left">

    <span>注册邀请码：</span>
</label>
<div class="form-control-box">

    <input type="text" v-model="formParams.recommendCode" id="mobileregistermodel-invite_code"
           class="input-small" name="MobileRegisterModel[invite_code]">

</div>

<div class="invalid"></div>
</div>

2.3.后端代码:二维码生成

2.3.1导入依赖

 <!-- zxing生成二维码 -->
        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>core</artifactId>
            <version>3.3.3</version>
        </dependency>

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

2.3.2工具类

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;
import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import javax.imageio.ImageIO;
import javax.swing.filechooser.FileSystemView;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map;

/**
 * 生成二维码工具类
 **/
public class QRCodeUtil {
    private static final Logger log= LoggerFactory.getLogger(QRCodeUtil.class);
 
    //CODE_WIDTH：二维码宽度，单位像素
    private static final int CODE_WIDTH = 400;
    //CODE_HEIGHT：二维码高度，单位像素
    private static final int CODE_HEIGHT = 400;
    //FRONT_COLOR：二维码前景色，0x000000 表示黑色
    private static final int FRONT_COLOR = 0x000000;
    //BACKGROUND_COLOR：二维码背景色，0xFFFFFF 表示白色
    //演示用 16 进制表示，和前端页面 CSS 的取色是一样的，注意前后景颜色应该对比明显，如常见的黑白
    private static final int BACKGROUND_COLOR = 0xFFFFFF;
 
    public static void createCodeToFile(String content, File codeImgFileSaveDir, String fileName) {
        try {
            if (StringUtils.isBlank(content) || StringUtils.isBlank(fileName)) {
                return;
            }
            content = content.trim();
            if (codeImgFileSaveDir==null || codeImgFileSaveDir.isFile()) {
                //二维码图片存在目录为空，默认放在桌面...
                codeImgFileSaveDir = FileSystemView.getFileSystemView().getHomeDirectory();
            }
            if (!codeImgFileSaveDir.exists()) {
                //二维码图片存在目录不存在，开始创建...
                codeImgFileSaveDir.mkdirs();
            }
 
            //核心代码-生成二维码
            BufferedImage bufferedImage = getBufferedImage(content);
 
            File codeImgFile = new File(codeImgFileSaveDir, fileName);
            ImageIO.write(bufferedImage, "png", codeImgFile);
 
            log.info("二维码图片生成成功：" + codeImgFile.getPath());
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
 
    /**
     * 生成二维码并输出到输出流, 通常用于输出到网页上进行显示，输出到网页与输出到磁盘上的文件中，区别在于最后一句 ImageIO.write
     * write(RenderedImage im,String formatName,File output)：写到文件中
     * write(RenderedImage im,String formatName,OutputStream output)：输出到输出流中
     * @param content  ：二维码内容
     * @param outputStream ：输出流，比如 HttpServletResponse 的 getOutputStream
     */
    public static void createCodeToOutputStream(String content, OutputStream outputStream) {
        try {
            if (StringUtils.isBlank(content)) {
                return;
            }
            content = content.trim();
            //核心代码-生成二维码
            BufferedImage bufferedImage = getBufferedImage(content);
 
            //区别就是这一句，输出到输出流中，如果第三个参数是 File，则输出到文件中
            ImageIO.write(bufferedImage, "png", outputStream);
 
            log.info("二维码图片生成到输出流成功...");
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
 
    //核心代码-生成二维码
    public static BufferedImage getBufferedImage(String content) throws WriterException {
 
        //com.google.zxing.EncodeHintType：编码提示类型,枚举类型
        Map<EncodeHintType, Object> hints = new HashMap();
 
        //EncodeHintType.CHARACTER_SET：设置字符编码类型
        hints.put(EncodeHintType.CHARACTER_SET, "UTF-8");
 
        //EncodeHintType.ERROR_CORRECTION：设置误差校正
        //ErrorCorrectionLevel：误差校正等级，L = ~7% correction、M = ~15% correction、Q = ~25% correction、H = ~30% correction
        //不设置时，默认为 L 等级，等级不一样，生成的图案不同，但扫描的结果是一样的
        hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.M);
 
        //EncodeHintType.MARGIN：设置二维码边距，单位像素，值越小，二维码距离四周越近
        hints.put(EncodeHintType.MARGIN, 1);
        
        MultiFormatWriter multiFormatWriter = new MultiFormatWriter();
        BitMatrix bitMatrix = multiFormatWriter.encode(content, BarcodeFormat.QR_CODE, CODE_WIDTH, CODE_HEIGHT, hints);
        BufferedImage bufferedImage = new BufferedImage(CODE_WIDTH, CODE_HEIGHT, BufferedImage.TYPE_INT_BGR);
        for (int x = 0; x < CODE_WIDTH; x++) {
            for (int y = 0; y < CODE_HEIGHT; y++) {
                bufferedImage.setRGB(x, y, bitMatrix.get(x, y) ? FRONT_COLOR : BACKGROUND_COLOR);
            }
        }
        return bufferedImage;
    }
}

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.Base64;

public class BufferedImageToBase64 { //图片转base64工具类

    public static String convertBufferedImageToBase64(BufferedImage bufferedImage) throws IOException {
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        ImageIO.write(bufferedImage, "png", baos); // 将BufferedImage写入ByteArrayOutputStream
        byte[] imageBytes = baos.toByteArray();

        // 使用Base64编码器将字节数组转换为Base64编码字符串
        String base64Image = Base64.getEncoder().encodeToString(imageBytes);

        return base64Image;
    }

    public static void main(String[] args) throws IOException {
        // 假设你已经有了BufferedImage实例，假设为qrCodeImage
        BufferedImage qrCodeImage = createQRCode(); // 假设这个方法能够生成二维码BufferedImage

        String base64EncodedImage = convertBufferedImageToBase64(qrCodeImage);
        System.out.println("Base64 Encoded Image:\n" + base64EncodedImage);
    }

    // 假设有一个生成二维码的方法
    private static BufferedImage createQRCode() {
        // 这里省略生成二维码的实现
        // 假设你的生成二维码的代码能够返回一个BufferedImage实例
        return new BufferedImage(100, 100, BufferedImage.TYPE_INT_RGB);
    }
}

2.3.3创建一个dto接收前端传输的数据

@Data
public class UserRegisterDto {
    @NotEmpty(message = "请输入电话haoma")
    private String mobile;
    @NotEmpty(message = "请输入你的密码")
    private String password;
    @NotNull(message = "请求异常")
    private Integer regChannel;
    @NotEmpty(message = "请输入手机验证码")
    private String smsCode;
    //推荐码
    private String recommendCode;
}

2.3.4后端代码:controller层

 /**
     *
     * @param id 前端携带id,判断用户
     * @return
     */
    @RequestMapping(value = "/getRecommendCode/{id}",method = RequestMethod.GET)
    public String getRecommendCode(@PathVariable("id")Long id) {
        return userService.getRecommendCode(id);
    }

2.3.5后端代码:service层

 /**
     * 获取用户的推荐码并生成推荐码
     */
    @Override
    public String getRecommendCode(Long id) {
        User user = iUserService.selectById(id);
        String urlCode = "http://localhost:6003/reg.phone.html?code="+ user.getCode(); //拼接url
        BufferedImage QRCode = null; //生成二维码
        try {
            QRCode = QRCodeUtil.getBufferedImage(urlCode);
            String base64Image = BufferedImageToBase64.convertBufferedImageToBase64(QRCode);
            return base64Image;
        } catch (Exception e) {
            e.printStackTrace();
            throw new GlobleException("系统异常,请稍后别试");
        }
    }

用户有无推荐码时注册判断

 //将数据保存到t_user_base_info表
        if(StringUtils.hasLength(param.getRecommendCode())){
            //通过推荐码找到推荐人
            User referrer = selectByCode(param.getRecommendCode());
            //如果没找到推荐的用户,则抛出异常
            AssertUtil.isNotNull(referrer,"无效的邀请码");
            iUserBaseInfoService.saveReferrer(newUser.getId(), param.getRegChannel(),referrer.getId());
        } else {
            iUserBaseInfoService.save(newUser.getId(), param.getRegChannel());
        }

用户注册时保证推荐码唯一

String code = StrUtils.getComplexRandomString(4);
        User oldUser = selectByCode(code);
        if(oldUser == null){
            user.setCode(code);
        } else {
            iUserService.save(phone,loginId);
        }