大家好,欢迎来到IT知识分享网。
一丶业务分析
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: '', password: '', 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); }
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/127726.html