1、在model的user类中定义数据库查询条件:
package com.model;
import com.jfinal.plugin.activerecord.Model;
import java.util.List;
public class User extends Model<User> {
private static final long serialVersionUID = 1L;
public static final User dao = new User().dao();
public static final String ID = "id";
public static final String NAME = "name";
public static final String PWD = "pwd";
///*查找用户,用于登录*/
public List<User> queryUserlist(String name,String pwd){
return find("select * from jfinal_demo where name='"+name+"'and pwd='"+pwd+"'");
}
}
2、在controller中定义登录相关接口:
①、定义MyCaptchaRender生成二维码接口:
package com.controller;
import com.jfinal.core.Controller;
import com.jfinal.kit.StrKit;
import com.jfinal.render.Render;
import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.Cookie;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.security.MessageDigest;
import java.util.Random;
/**
*
* @author Administrator
* 图形验证类
*/
public class MyCaptchaRender extends Render
{
private static final long serialVersionUID = 1L;
private static final String[] strArr = {"3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "M", "N", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y"};
private static String randomCodeKey = "JFINAL_JLHHWH_Key";
private static boolean caseInsensitive = true;
private int img_width = 85;
private int img_height = 20;
private int img_randNumber = 6;
public MyCaptchaRender() {
}
public MyCaptchaRender(String randomKey) {
if (StrKit.isBlank(randomKey))
throw new IllegalArgumentException("randomKey can not be blank");
randomCodeKey = randomKey;
}
public MyCaptchaRender(int width, int height, int count, boolean isCaseInsensitive) {
if(width <=0 || height <=0 || count <=0)
{
throw new IllegalArgumentException("Image width or height or count must be > 0");
}
this.img_width = width;
this.img_height = height;
this.img_randNumber = count;
caseInsensitive = isCaseInsensitive;
}
public MyCaptchaRender(String randomKey,int width, int height, int count, boolean isCaseInsensitive) {
if (StrKit.isBlank(randomKey))
throw new IllegalArgumentException("randomKey can not be blank");
randomCodeKey = randomKey;
if(width <=0 || height <=0 || count <=0)
{
throw new IllegalArgumentException("Image width or height or count must be > 0");
}
this.img_width = width;
this.img_height = height;
this.img_randNumber = count;
caseInsensitive = isCaseInsensitive;
}
public void render() {
BufferedImage image = new BufferedImage(img_width, img_height, BufferedImage.TYPE_INT_RGB);
String vCode = drawGraphic(image);
vCode = encrypt(vCode);
Cookie cookie = new Cookie(randomCodeKey, vCode);
cookie.setMaxAge(-1);
cookie.setPath("/");
response.addCookie(cookie);
response.setHeader("Pragma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("image/jpeg");
ServletOutputStream sos = null;
try {
sos = response.getOutputStream();
ImageIO.write(image, "jpeg",sos);
} catch (Exception e) {
throw new RuntimeException(e);
}
finally {
if (sos != null)
try {sos.close();} catch (IOException e) {e.printStackTrace();}
}
}
private String drawGraphic(BufferedImage image){
// 获取图形上下文
Graphics g = image.createGraphics();
// 生成随机类
Random random = new Random();
// 设定背景色
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, img_width, img_height);
// 设定字体
g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
// 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(160, 200));
for (int i = 0; i < 155; i++) {
int x = random.nextInt(img_width);
int y = random.nextInt(img_height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x, y, x + xl, y + yl);
}
// 取随机产生的认证码(img_randNumber位数字)
String sRand = "";
for (int i = 0; i < img_randNumber; i++) {
String rand = String.valueOf(strArr[random.nextInt(strArr.length)]);
sRand += rand;
// 将认证码显示到图象中
g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));
// 调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
g.drawString(rand, 13 * i + 6, 16);
}
// 图象生效
g.dispose();
return sRand;
}
/*
* 给定范围获得随机颜色
*/
private Color getRandColor(int fc, int bc) {
Random random = new Random();
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
int r = fc + random.nextInt(bc - fc);
int g = fc + random.nextInt(bc - fc);
int b = fc + random.nextInt(bc - fc);
return new Color(r, g, b);
}
private static final String encrypt(String srcStr) {
try {
String result = "";
MessageDigest md = MessageDigest.getInstance("MD5");
byte[] bytes = md.digest(srcStr.getBytes("utf-8"));
for(byte b:bytes){
String hex = Integer.toHexString(b&0xFF).toUpperCase();
result += ((hex.length() ==1 ) ? "0" : "") + hex;
}
return result;
} catch (Exception e) {
throw new RuntimeException(e);
}
}
public static boolean validate(Controller controller, String inputRandomCode) {
if (StrKit.isBlank(inputRandomCode))
return false;
try {
if(caseInsensitive)
inputRandomCode = inputRandomCode.toUpperCase();
inputRandomCode = encrypt(inputRandomCode);
return inputRandomCode.equals(controller.getCookie(randomCodeKey));
} catch (Exception e) {
e.printStackTrace();
return false;
}
}
}
②、创建HomeController类定义接口:
package com.controller;
import com.jfinal.core.Controller;
import com.model.User;
import java.util.List;
public class HomeController extends Controller{
public void index() {
render("login.html");
}
//验证输入的和系统生成的验证码是否一样
public void login() {
String inputRandomCode = getPara("captcha");
boolean validate = MyCaptchaRender.validate(this, inputRandomCode);
System.out.println("inputRandomCode=" + inputRandomCode);
//getPara获取页面传递参数;
String name = getPara("name");
String pwd = getPara("pwd");
//调用model中的查询函数
List<User> user = User.dao.queryUserlist(name,pwd);
if (user.size()>0 && validate==true){
renderText("恭喜你登录成功");
//登录成功后调用二维码链接;
RQcode();
}else {
renderText("登录失败");
}
}
//生成图片
public void captcha(){
render(new MyCaptchaRender(60,22,4,true));
}
//生成二维码
public void RQcode(){
//二维码携带的数据
String data = "wxp://id=xxxxxxxxxxxxxxxxxxxxxxxx";
//渲染二维码图片,长度与宽度为200像素
renderQrCode(data,200,200);
}
}
注意:此处使用了‘renderQrCode’因此需要在pom.xml中进行声明:
代码如下:
<!--使用renderQrCode引入第三方依赖-->
<dependency>
<groupId>com.google.zxing</groupId>
<artifactId>javase</artifactId>
<version>3.2.1</version>
</dependency>
3、前端代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function() {
$(".sumbit").click(
function() {
$.ajax( {
url : "/captcha",//发送请求的地址
data : {
account : $("#captcha").val()//发送到服务器的数据
},
error : function() {
alert("error: 网络异常请稍后再尝试!!!");//请求失败时弹出的信息
},
success : function(data) {//返回的信息展示出来
$(".hint").html(data);//请求成功时,调用的函数
}
});
});
});
</script>
</head>
<body>
<div class="main" align="center">
<form action="/login" method="post">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="name"/></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td><img src="/captcha"> </td>
<td>
<input type="text"id="captcha" name="captcha" value=""/>
<input class="sumbit" type="button" value="看不清换一张" onclick="location.reload()">
</td>
</tr>
<tr>
<td> </td>
<td>
<INPUT TYPE="reset" name = "reset" value = "重 置">
<input type="submit" value="登陆"/>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
注意:前端代码中引用了jquery-1.8.3.js,只需要去(http://www.htmleaf.com/js/jquery/jquery-1.8.3.html)中打开和自己引用相对应的连接复制里面的代码,然后在项目中创建一个jquery-1.8.3.js文件,在将刚复制的代码粘贴进去即可。
4、演示:
①、登录界面:
②、登录成功后:
③、登录失败后: