JFinal框架学习（三）----------实现登录接口+MySQL

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">&nbsp;</td>
                <td>
                    <input type="text"id="captcha" name="captcha" value=""/>
                    <input class="sumbit" type="button" value="看不清换一张" onclick="location.reload()">
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <INPUT TYPE="reset" name = "reset" value = "重 置">
                    &nbsp;&nbsp;&nbsp;
                    <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、演示：
①、登录界面：

②、登录成功后：

③、登录失败后：