2019独角兽企业重金招聘Python工程师标准>>>
1.效果
2.准备: 下载相关的jar
这里我使用的是ValidateCode 这个jar
https://my.oschina.net/springMVCAndspring/blog/1815719
(1)相关jar下载路径
链接:https://pan.baidu.com/s/1yw-HsIa9xIgGEQDTy1q48w
提取码:drvp
(2)添加jar
<!-- 11. 验证码 手动添加的 阿里云仓库没有-->
<dependency>
<groupId>cn.dsna.util.images.ValidateCode</groupId>
<artifactId>ValidateCode</artifactId>
<version>1.0</version>
</dependency>
3. 前端代码(使用bootstrap功能)
<div class="form-group">
<label class="col-sm-5 control-label">验证码:</label>
<div class="col-sm-2">
<input type="password" class="form-control" placeholder="请输入验证码" name="password" id="password"/>
</div>
<div class="col-sm-2">
<img src="${pageContext.request.contextPath }/checkCode.action?time=0" id="checkChangeCode" />
</div>
</div>
4. 后台代码
@RequestMapping(value="/checkCode.action") public void checkCode(int time,HttpSession session,HttpServletResponse response,HttpServletRequest request) throws IOException{ //2.1 创建 验证码对象 ValidateCode vc=new ValidateCode(150, 50, 4, 9); String checkCode = vc.getCode();//拿到验证码 //2.2将生产的验证码 放入session域 用户和用户输入的进行对比 session.setAttribute("sessionCode", checkCode); //2.3 将验证码以流的形式返回给前端 ServletOutputStream out = response.getOutputStream(); vc.write(out); } |