轉自: https://blog.csdn.net/qq_32963841/article/details/103182827
程序員把地府後臺管理系統做出來了,還有3.0版本!12月7號最新消息:已在開發中有github地址: https://blog.csdn.net/m0_37609579/article/details/103108301
《吊打面試官》系列-Redis基礎知識: https://blog.csdn.net/qq_35190492/article/details/102841400
java中的Maven項目的兩種打包方法: https://blog.csdn.net/u010910436/article/details/48290323
eclipse中打包maven項目完成流程: https://blog.csdn.net/qq_26442553/article/details/78693236
eclipse maven 打war包的幾種方式: https://www.cnblogs.com/qlqwjy/p/8231032.html
eclipse通過maven install打包: https://blog.csdn.net/yhblog/article/details/83818158
Eclipse中打包maven項目-war包方式: https://www.cnblogs.com/huangjinyong/p/9223934.html
Eclipse中Maven打包程序並在Linux中運行: https://cloud.tencent.com/developer/article/1080059
Eclipse中給maven項目打jar包: https://www.jianshu.com/p/a6bb81bb38d7
效果如圖
前臺html代碼
<div style="margin-top: 50px;">
<span>驗證碼:</span><input type="text" name="verifyCode" id="verifyCode" style="width: 75px;height: 25px;"/>
<img id="verifyCodeImg" alt="點擊更換" src="/qos/dog/getVerifyCodeImg"
title="點擊更換" οnclick="change()">
</div>
註釋:此處的src="/qos/dog/getVerifyCodeImg" SpringBoot頁面展示Thymeleaf的語法
前臺js代碼
function change() {
var verifyCode = document.getElementById("verifyCodeImg");
verifyCode.src = "/qos/dog/getVerifyCodeImg?time=" + Math.random(1000);
}
/*-*/
/qos/dog/ 這裏的路徑是需要換成自己的哦
驗證代碼,在controller裏面新建一個util文件夾,然後放入VerifyCodeUtil.java
代碼如下
package com.paladin.qos.util;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.Random;
public class VerifyCodeUtil {
private static final Random random = new Random();
private static final String[] fontNames = {"宋體", "華文楷體", "黑體", "Georgia", "微軟雅黑", "楷體_GB2312"};
public static String drawImage(ByteArrayOutputStream output) {
String code = "";
int width = 50;
int height = 25;
//創建圖片緩衝區
BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_3BYTE_BGR);
Graphics2D g = bi.createGraphics();
//設置背景顏色
g.setBackground(new Color(255, 255, 255));
g.clearRect(0, 0, width, height);
StringBuilder stringBuilder = new StringBuilder();
//這裏只畫入四個字符
for (int i = 0; i < 4; i++) {
String s = randomChar() + ""; //隨機生成字符,因爲只有畫字符串的方法,沒有畫字符的方法,所以需要將字符變成字符串再畫
stringBuilder.append(s); //添加到StringBuilder裏面
float x = i * 1.0F * width / 4; //定義字符的x座標
g.setFont(randomFont()); //設置字體,隨機
g.setColor(randomColor()); //設置顏色,隨機
g.drawString(s, x, height - 5);
}
code = stringBuilder.toString();//獲取驗證碼字符串
//定義干擾線
//定義干擾線的數量(3-5條)int num = random.nextInt(max)%(max-min+1) + min;
int num = random.nextInt(5) % 3 + 3;
Graphics2D graphics = (Graphics2D) bi.getGraphics();
for (int i = 0; i < num; i++) {
int x1 = random.nextInt(width);
int y1 = random.nextInt(height);
int x2 = random.nextInt(width);
int y2 = random.nextInt(height);
graphics.setColor(randomColor());
graphics.drawLine(x1, y1, x2, y2);
}
// 釋放圖形上下文
g.dispose();
try {
ImageIO.write(bi, "jpg", output);
} catch (IOException e) {
e.printStackTrace();
}
return code;//爲了方便取值,直接返回code,
}
//隨機字體
private static Font randomFont() {
int index = random.nextInt(fontNames.length);
String fontName = fontNames[index];
int style = random.nextInt(4); //隨機獲取4種字體的樣式
int size = random.nextInt(20) % 6 + 15; //隨機獲取字體的大小(10-20之間的值)
return new Font(fontName, style, size);
}
//隨機顏色
private static Color randomColor() {
int r = random.nextInt(225);
int g = random.nextInt(225);
int b = random.nextInt(225);
return new Color(r, g, b);
}
//隨機字符
private static char randomChar() {
//A-Z,a-z,0-9,可剔除一些難辨認的字母與數字
String str = "0123456789ABCdefghiDEFGHIJopPQRVWXYZabcjklSTUmnqrstKLMNOvuwxyz";
return str.charAt(random.nextInt(str.length()));
}
}
最後,在controller裏面引用
@RequestMapping("/getVerifyCodeImg")
@ResponseBody
public void getVerifyCodeImg(HttpServletResponse response, HttpSession session) {
ByteArrayOutputStream output = new ByteArrayOutputStream();
String code = VerifyCodeUtil.drawImage(output);
//將驗證碼文本直接存放到session中
session.setAttribute("verifyCode", code);
try {
ServletOutputStream out = response.getOutputStream();
output.writeTo(out);
} catch (IOException e) {
e.printStackTrace();
}
}
————————————————
版權聲明:本文爲CSDN博主「小仙女de成長」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_32963841/article/details/103182827