ssm框架中验证码功能的使用

最新推荐文章于 2023-05-24 09:15:42 发布

代霖飞丿

最新推荐文章于 2023-05-24 09:15:42 发布

阅读量787

点赞数 2

文章标签： java maven

本文链接：https://blog.csdn.net/dlf635404565/article/details/127290243

版权

1、pom.xml导入validatecode包（此包需要手动导入进maven仓库）

<!--    验证码包-->
    <dependency>
      <groupId>com.validatecode</groupId>
      <artifactId>validatecode</artifactId>
      <version>1.1.0</version>
    </dependency>

如何手动导入validatecode包：（在黑窗口运行下面指令，首先在网上寻找validatecode.jar并下载到指定位置）

maven安装本地jar

mvn install:install-file

-Dfile=jar包的位置

-DgroupId=上面的groupId

-DartifactId=上面的artifactId

-Dversion=上面的version

-Dpackaging=jar

----------------------------------------------------------------

指令实例： mvn install:install-file -Dfile=D:\ValidateCode.jar -DgroupId=com.validatecode -DartifactId=validatecode -Dversion=1.1.0 -Dpackaging=jar

2、validatecode在web层的书写

package com.buka.web;

import cn.dsna.util.images.ValidateCode;
import com.sun.deploy.net.HttpResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;


import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

@Controller
@RequestMapping("/val")
public class CodeWeb {

    @RequestMapping("/Code")
    public void getCode(HttpServletResponse response, HttpSession httpSession){
        try {
//            //解决：浏览器缓存
//            //设置浏览器端缓存信息
//            response.setHeader("Cache-Control", "no-store");
//            response.setHeader("Pragrma", "no-cache");
//            response.setDateHeader("Expires", 0);
            //生成验证码图片(1,宽2，高，3个数，4，干扰线)
            ValidateCode validateCode = new ValidateCode(163,64,4,50);
            //记录图片答案
            String code = validateCode.getCode();
            //存进session域对象
            httpSession.setAttribute("code",code);
            //返回前段页面
            validateCode.write(response.getOutputStream());
        } catch (Exception e) {
            e.printStackTrace();
        }

    }
    //判断验证码是否正确
    @RequestMapping("/checkValidate")
    @ResponseBody
    public String checkValidate(String code,HttpSession httpSession){
        String code1 = (String) httpSession.getAttribute("code");

        //此equals不区分大小写
        if(code1.equalsIgnoreCase(code)){
            return "ok";
        }else{
            return "no";
        }

    }

}

3、在前端页面的书写

代码在jsp页面进行书写的，前端用el表达式进行前端数据的传输获取


        <div class="psw psw3">
            <p class="psw-p1">验证码</p>
            <input type="text" placeholder="请输入验证码" name="validate" id="validate" required/>
            <span  id="codeMsg" name="msg">请输入验证码</span>
        </div>
        <div class="yanzhentu">
            <div class="yz-tu f-l">
                <img src="${pageContext.request.contextPath}/val/Code" id="code"/>
            </div>
            <p class="f-l">看不清？<a href="javaScript:;" id="changeCode">换张图</a></p>
            <div style="clear:both;"></div>
        </div>

4、结果展示