登陆注册页面的验证码图片可点击可更换！！

最新推荐文章于 2023-01-17 22:28:28 发布
置顶 最新推荐文章于 2023-01-17 22:28:28 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： 前端jsp技术 文章标签： 登陆注册页面的验证码图片可点击可更换！！
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41338740/article/details/84631081
版权

首先登陆界面的代码（适合springmvc的maven项目）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="p" uri="http://hanren.com/common/" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang = "zh-CN">
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/base.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/login.css">
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
  <script src="${pageContext.request.contextPath }/js/jquery-1.12.4.min.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery-confirm.min.js"></script>
<link href="${pageContext.request.contextPath }/css/jquery-confirm.min.css" rel="stylesheet">
	<title>登录注册页面</title>
</head>
<body>
      <div class="content">
      <!--  
		<img src="${pageContext.request.contextPath }/images/2.png">
		<p>河南职业竞赛服务平台登录系统</p>
		-->
		<input class="inp-fon" id="mobile" type="text" name="username" value="请输入用户名" onblur="upperCase()" maxlength="11"><br>
		<input class="inp-fon" id="pwd" type="text" name="pwd" value="请输入密码" maxlength="6" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" maxlength="6"><br>
        
        <input type="text" id="user_input_verifyCode" name="user_input_verifyCode" placeholder="请输入验证码" maxlength="4"  class="inp-fon" style="width: 345px;" />
         
		 <a id="changeVerifImageRegister" onclick="javascript:changeImage();">
		 <img src="${pageContext.request.contextPath }/quanxian/getVerifyCode.action" style="text-shadow:olive;text-align:center;margin-top: 435px;margin-right:220px;margin-left: 190px; width: 130px;height: 60px;" id="verifyCodeImage">
		 </a>
		 
		<button class="login" onclick="login()">登录</button>
		
		<span class="repass"><a href="${pageContext.request.contextPath }/quanxian/repwd.action">忘记密码</a></span><span class="reg" style="color: #d8494d"><a href="${pageContext.request.contextPath }/quanxian/reg.action">申报注册</a></span>
	</div>
	<script type="text/javascript">
		
	</script>
	<script type="text/javascript">

	function genTimestamp() {    
        var time = new Date();    
        return time.getTime();    
    } 
	 function changeImage() {
         $('#verifyCodeImage').attr('src',
                 '${pageContext.request.contextPath }/quanxian/getVerifyCode.action?timestamp=' + genTimestamp());
     }
	 //登录，目前只检测验证码
	 function login(){
		 var user_input_verifyCode=$("#user_input_verifyCode").val();
		 var username = $("#mobile").val();
		 var pwd = $("#pwd").val();
		 alert(phone+pwd);
		 $.ajax({
				type : 'post',
				url : "${pageContext.request.contextPath}/quanxian/login.action",
				data:{verifyCode:user_input_verifyCode,username:username,pwd:pwd},
				dataType : "json",
				success : function(data) {	
					alert(data.msg);
					if(data.success){
	                	   window.location.href='${pageContext.request.contextPath }/quanxian/index.action';
	                   }else{
	                	   alert(data.msg);
	                	   window.location.href='${pageContext.request.contextPath }/quanxian/login.action'
	                   }
				},
				error : function() {
					alert("查询失败");
				}
			}); 
	 }
	
	
	</script>
	<script type="application/javascript" > 
	function upperCase()
        {
        var phone = document.getElementById('mobile').value;
        if(!(/^1[34578]\d{9}$/.test(phone))){ 
            alert("手机号码有误，请重填");  
            return false; 
        } 
        }
</script>
</body>
</html>

其次是controller层的逻辑代码，注意层次！

  package com.hanren.web.controller;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.font.FontRenderContext;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;
import com.hanren.model.User;

@Controller
public class QuanXianController {
	    //登陆
		@RequestMapping(value="/quanxianlogin")
		public String  Newlogin(Model md,HttpServletRequest req,HttpServletResponse resp) throws IOException{
				
				return "/quanxian/login";
		}
		@RequestMapping(value="/quanxian/getVerifyCode.action")
		public void gerenate(HttpServletResponse response ,HttpSession session) {
			ByteArrayOutputStream  output = new ByteArrayOutputStream();
			@SuppressWarnings("unused")
			String verifyCodeValue = drawImg(output);
			session.setAttribute("verifyCodeValue", verifyCodeValue);
			try {
				ServletOutputStream out = response.getOutputStream();
				output.writeTo(out);
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		/**
		 * 绘画验证码
		 * @param output
		 * @return
		 */

		private String drawImg(ByteArrayOutputStream output) {
			String code = "";
			for(int i = 0;i< 4;i++) {
				code+= randomChar();
			}
			int width = 70;
			int height = 35;
			BufferedImage bi = new BufferedImage(width, height,BufferedImage.TYPE_USHORT_555_RGB);
			Font font = new Font("Times new Roman", Font.PLAIN, 20);
		//调用Graphics2d绘画验证码
			Graphics2D g = bi.createGraphics();
			g.setFont(font);
		    Color color = new Color(0,0,205);
		    g.setColor(color);
		    g.setBackground(new Color(255,255,224));
		    g.clearRect(0,0, width, height);
		    FontRenderContext context = g.getFontRenderContext();
		    Rectangle2D bounds = font.getStringBounds(code, context);
		    double x = (width - bounds.getWidth())/2;
		    double y = (height - bounds.getHeight())/2;
		    double ascent = bounds.getY();
		    //干扰线
		    Random random = new Random();
		      for(int i=0;i<8;i++){
		         int x1=random.nextInt(width);
		         int y1=random.nextInt(height);
		         int x2=random.nextInt(width);
		         int y2=random.nextInt(height);
		         g.drawLine(x1, y1, x1+x2, y1+y2);
		      }
		    @SuppressWarnings("unused")
			double daseY = y - ascent;
		    g.drawString(code, (int)x, 20);
		    g.dispose();
		    try {
				ImageIO.write(bi, "jpg", output);
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		    
			return code;
		}

		/**
		 * 随机字符生成
		 * @return
		 */
		private char randomChar() {
			Random r = new Random();
			String s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
			return s.charAt(r.nextInt(s.length()));
		}
		
		@RequestMapping(value="/quanxian/login.action",method=RequestMethod.POST)
		@ResponseBody
		public Result<String> login(HttpServletRequest request ,HttpSession session ) {
			 ModelAndView model = new ModelAndView();
			String inputVerfiCode = request.getParameter("verifyCode");
			String username = request.getParameter("username");
			String pwd = request.getParameter("pwd");
			System.out.println("验证码的值：=====:"+inputVerfiCode);
			String verifyCodeValue = (String) session.getAttribute("verifyCodeValue");
		    System.out.println("session中的 验证码的值："+verifyCodeValue);
	       if(pwd.equals(us.findUserByPhone(phone).getPwd())&&(verifyCodeValue.equals(inputVerfiCode.toUpperCase()))){
	    	   return new Result<String>(true, "输入验证ok", null) ;
		    }else {
		    	return new Result<String>(false, "输入验证码不正确", null) ; 
		    }
		      
		}


		//注册
		@RequestMapping(value="/quanxian/reg")
	    public String  Newreg(Model md,HttpServletRequest req,HttpServletResponse resp) 
        throws IOException{
						
			return "/quanxian/reg";
	    }


@RequestMapping(value="/quanxian/comparecode" ,method = RequestMethod.POST)
	public ModelAndView comparecode(@RequestParam(value="code") String code,@RequestParam(value="pwd") String pwd,@RequestParam(value="repwd") String repwd,User pmodel,HttpServletRequest request){
	       ModelAndView model = new ModelAndView();
	       //从session中比对发送的验证码
	       HttpSession  session = request.getSession();//设置session
	       String sessioncode =(String) session.getAttribute("code");
	       System.out.println(sessioncode+"==========session中的code值");
	     if((code).equals(sessioncode)&&pwd.equals(repwd)){//比对缓存	           	 
	    	 //注册   
	    	 pmodel.setPwd(pwd);
	          //us.registUser(pmodel);
	          model.addObject("result", "注册成功,请登录");
	          model.setViewName("/quanxian/login");
	      }else{
	    	model.addObject("pwd", "确认密码与输入密码不一致！");
	        model.addObject("result", "验证码不正确 ，注册失败");
	        model.setViewName("/quanxian/reg");

	      }
	     return model;

	}
}

3，上面是核心的代码，请仔细研究接口的请求，对应实验测试可以一遍测试过！同时在验证码的样式上，可以自己在参考项目或者网上的修改方法找到适合的验证码样式！

同时注意：User的业务service与servicImpl层自己捎带写一下对应着controller层us,登陆注册方法是作为程序员的最低练习，小伙伴你要会自己写，才可以哦！

4，下面是user代码

package com.hanren.model;

public class User {
	private Integer id;
	private String phone;
	public String pwd;

	
	public String getPwd() {
		return pwd;
	}
	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	public Integer getId() {
		return id;
	}
	public void setId(Integer id) {
		this.id = id;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
	@Override
	public String toString() {
		return "User [id=" + id + ", phone=" + phone + ", pwd=" + pwd + "]";
	}
	
	
	
	
}

5，附上pom.xml的所有依赖包！慢慢下载，网络原因可能导致你的jar包下载不全，找到jar包下载的地方，删除它没有全的，然后update 你的maven项目！就可以了！

​
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.hanren</groupId>
  <artifactId>HanRen</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <!-- 属性定义标签 -->
    <!-- 集中定义依赖版本号 -->
    <properties>
        <!--自定义标签-->
        <!-- 单元测试 -->
        <junit.version>4.12</junit.version>
        
        
        <!-- Spring -->
        <spring.version>4.2.4.RELEASE</spring.version>
        
        
        <!-- Mybatis -->
        <mybatis.version>3.2.7</mybatis.version>
        <mybatis.spring.version>1.2.2</mybatis.spring.version>
        
        
        <!-- MySql -->
        <mysql.version>5.1.32</mysql.version>
        
        
        <!-- 连接池 -->
        <c3p0.version>0.9.1.2</c3p0.version>
        
        
        <!-- 日志处理 -->
        <slf4j.version>1.6.4</slf4j.version>
        
        
        <!-- Jackson Json处理工具包 -->
        <jackson.version>2.4.2</jackson.version>
        
        
        <!-- JSP相关 -->
        <jstl.version>1.2</jstl.version>
        <servlet-api.version>2.5</servlet-api.version>
        <jsp-api.version>2.0</jsp-api.version>
        
        
        <!-- Apache工具组件 -->
        <commons-lang3.version>3.3.2</commons-lang3.version>
        <commons-io.version>1.3.2</commons-io.version>
        <commons-net.version>3.3</commons-net.version>
        
        
        <!-- 文件上传组件 -->
        <commons-fileupload.version>1.3.1</commons-fileupload.version>
    </properties>

    <!-- 版本锁定标签-->
    <dependencyManagement>
        <dependencies>
            <!-- 单元测试 -->
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>${junit.version}</version>
                <scope>test</scope>
            </dependency>
            
            
            <!-- Spring -->
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-context</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-beans</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-jdbc</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-aspects</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-jms</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-context-support</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-test</artifactId>
                <version>${spring.version}</version>
            </dependency>
            
            
            <!-- Mybatis -->
            <dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis</artifactId>
                <version>${mybatis.version}</version>
            </dependency>
            <dependency>
                <groupId>org.mybatis</groupId>
                <artifactId>mybatis-spring</artifactId>
                <version>${mybatis.spring.version}</version>
            </dependency>
            
            
            <!-- MySql -->
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>${mysql.version}</version>
                <scope>runtime</scope>
            </dependency>
            
            
            <!-- 连接池 -->
            <dependency>
                <groupId>c3p0</groupId>
                <artifactId>c3p0</artifactId>
                <version>${c3p0.version}</version>
            </dependency>
            
            
            <!-- 日志处理 -->
            <dependency>
                <groupId>org.slf4j</groupId>
                <artifactId>slf4j-log4j12</artifactId>
                <version>${slf4j.version}</version>
            </dependency>
            
            
            <!-- Jackson Json处理工具包 -->
            <dependency>
                <groupId>com.fasterxml.jackson.core</groupId>
                <artifactId>jackson-databind</artifactId>
                <version>${jackson.version}</version>
            </dependency>
            
            
            <!-- JSP相关 -->
            <dependency>
                <groupId>jstl</groupId>
                <artifactId>jstl</artifactId>
                <version>${jstl.version}</version>
            </dependency>
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>servlet-api</artifactId>
                <version>${servlet-api.version}</version>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>jsp-api</artifactId>
                <version>${jsp-api.version}</version>
                <scope>provided</scope>
            </dependency>
            
            
            <!-- Apache工具组件 -->
            <dependency>
                <groupId>org.apache.commons</groupId>
                <artifactId>commons-lang3</artifactId>
                <version>${commons-lang3.version}</version>
            </dependency>
            <dependency>
                <groupId>org.apache.commons</groupId>
                <artifactId>commons-io</artifactId>
                <version>${commons-io.version}</version>
            </dependency>
            <dependency>
                <groupId>commons-net</groupId>
                <artifactId>commons-net</artifactId>
                <version>${commons-net.version}</version>
            </dependency>
            
            
            <!-- 文件上传组件 -->
            <dependency>
                <groupId>commons-fileupload</groupId>
                <artifactId>commons-fileupload</artifactId>
                <version>${commons-fileupload.version}</version>
            </dependency>
        </dependencies>
    </dependencyManagement>


    <!-- 依赖管理 -->
    <!-- 具体依赖的jar-->
    <!-- 不在设置具体的版本号,因为前面已经锁定-->
    <dependencies>
        <!-- 单元测试 -->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
        </dependency>
        
        
        <!-- Spring -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-beans</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aspects</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jms</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context-support</artifactId>
        </dependency>
        <dependency>
        	<groupId>org.springframework</groupId>
        	<artifactId>spring-test</artifactId>
        </dependency>
        
        <!-- https://mvnrepository.com/artifact/org.apache.poi/poi -->
<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi</artifactId>
    <version>3.17</version>
</dependency>
  
 <!-- hssf excel jxl依赖 -->
<dependency>
    <groupId>net.sourceforge.jexcelapi</groupId>
    <artifactId>jxl</artifactId>
    <version>2.6.12</version>
</dependency> 

<dependency>
			<groupId>org.apache.poi</groupId>
			<artifactId>poi-examples</artifactId>
			<version>3.9</version>
		</dependency>
		<dependency>
			<groupId>org.apache.poi</groupId>
			<artifactId>poi-scratchpad</artifactId>
			<version>3.9</version>
		</dependency>
		<dependency>
			<groupId>org.apache.poi</groupId>
			<artifactId>poi-ooxml</artifactId>
			<version>3.9</version>
		</dependency>
		<dependency>
			<groupId>org.apache.poi</groupId>
			<artifactId>poi-ooxml-schemas</artifactId>
			<version>3.9</version>
		</dependency>    
       
       <dependency>
			<groupId>net.sf.json-lib</groupId>
			<artifactId>json-lib</artifactId>
			<version>2.4</version>
			<classifier>jdk15</classifier>
		</dependency>
 
        
        <!-- Mybatis -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
        </dependency>
        <!--逆向生成工具  -->
        <dependency>
				<groupId>org.mybatis.generator</groupId>
				<artifactId>mybatis-generator-core</artifactId>
				<version>1.3.2</version>
	   </dependency>
        
        
        <!-- MySql -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        
        
        <!-- 连接池 -->
        <dependency>
            <groupId>c3p0</groupId>
            <artifactId>c3p0</artifactId>
        </dependency>
        
        
        <!-- 日志处理 -->
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-log4j12</artifactId>
        </dependency>
        
        
        <!-- Jackson Json处理工具包 -->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
        </dependency>
        
        
        <!-- JSP相关 -->
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jsp-api</artifactId>
        </dependency>
        
        
        <!-- Apache工具组件 -->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-io</artifactId>
        </dependency>
        <dependency>
            <groupId>commons-net</groupId>
            <artifactId>commons-net</artifactId>
        </dependency>
        
        
        <!-- 文件上传组件 -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
        </dependency>
        
        
        <!-- 对电子邮件协议封装的 Java 类库 -->
        <dependency>
			<groupId>javax.mail</groupId>
			<artifactId>mail</artifactId>
			<version>1.4.7</version>
		</dependency>
	
<dependency>
    <groupId>com.aliyun</groupId>
    <artifactId>aliyun-java-sdk-core</artifactId>
    <version>3.3.1</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.aliyun/aliyun-java-sdk-dysmsapi -->
<dependency>
    <groupId>com.aliyun</groupId>
    <artifactId>aliyun-java-sdk-dysmsapi</artifactId>
    <version>1.0.0</version>
</dependency>
		

<!-- https://mvnrepository.com/artifact/commons-logging/commons-logging -->
<dependency>
    <groupId>commons-logging</groupId>
    <artifactId>commons-logging</artifactId>
    <version>1.1.1</version>
</dependency>

		<!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient -->
<!-- https://mvnrepository.com/artifact/commons-httpclient/commons-httpclient -->
<dependency>
    <groupId>commons-httpclient</groupId>
    <artifactId>commons-httpclient</artifactId>
    <version>3.1</version>
</dependency>

		<!-- https://mvnrepository.com/artifact/commons-codec/commons-codec -->
<dependency>
    <groupId>commons-codec</groupId>
    <artifactId>commons-codec</artifactId>
    <version>1.4</version>
</dependency>
		

	<!-- https://mvnrepository.com/artifact/org.apache.poi/poi -->
<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi</artifactId>
    <version>3.17</version>
</dependency>
		
		<!-- quartz的依赖 -->
		<dependency>
		    <groupId>org.quartz-scheduler</groupId>
		    <artifactId>quartz</artifactId>
		    <version>2.2.3</version>
		  </dependency>
		  <dependency>
		    <groupId>org.quartz-scheduler</groupId>
		    <artifactId>quartz-jobs</artifactId>
		    <version>2.2.3</version>
		  </dependency> 
    </dependencies>
<!-- https://mvnrepository.com/artifact/com.aliyun/aliyun-java-sdk-core -->



    <!-- 项目构建配置,配置编译,运行插件 -->
    <build>
        <!--打包src下的xml文件-->
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                    <include>**/*.tld</include>
                </includes>
                <filtering>false</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                    <include>**/*.tld</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
        <finalName>HanRen</finalName>
        
        <!-- 管理的插件 -->
        <plugins>
            <!-- 处理编译器版本 -->
            <!-- jdk1.7-->
            <!--  
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>3.5.0</version>
                    <configuration>
                        <source>1.7</source>
                        <target>1.7</target>
                        <encoding>UTF-8</encoding>
                    </configuration>
                </plugin>
           -->
            
            <!-- tomcat插件-->
            <!--  
                <plugin>
                    <groupId>org.apache.tomcat.maven</groupId>
                    <artifactId>tomcat7-maven-plugin</artifactId>
                    <version>2.2</version>
                    <configuration>
                        <path>/HanRen</path>
                        <port>8090</port>
                    </configuration>
                </plugin> 
            -->
                   
        <!-- directory缺省情况下指向target --> 
        <!--<directory>${basedir}/target</directory>-->
        
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
                <configuration>
                    <url>http://localhost:8090/manager/text</url>
                    <!-- server、username、password对应maven的setting下的配置 -->
                    <server>tomcat</server>
                    <username>admin</username>
                    <password>admin</password>
                    <path>/${project.build.finalName}</path>
                    <!-- war文件路径缺省情况下指向target -->
                    <!--<warFile>${basedir}/target/${project.build.finalName}.war</warFile>-->
                </configuration>
            </plugin>
        
    
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.6.0</version>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                    <encoding>UTF-8</encoding>
                    <compilerArguments>
                        <extdirs>${project.basedir}/src/main/webapp/WEB-INF/lib;${project.basedir}/src/main/resources/lib</extdirs>
                    </compilerArguments>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

​

6，你可以试试你的验证码样式了，如果不通，联系我发QQ：1099887856，加我就可以了！

1099887856
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
点击图片更换验证码的代码
07-03
使用jAVA代码生成图片，点击图片进行更换
HTML网页注册图片
qq_42191634的博客
05-12 695
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .dcenter { text-align: center; } #img...
简单的登陆注册的实现+验证码和表单验证
热门推荐
AXING的个人博客
06-24 2万+
昨天跟着做了一个登录注册的小实例今天会议一遍并且通过博客的方式写下来
JQ-用户注册用到的图形验证码，短信验证码点击事件，切换active类
weixin_30314793的博客
06-28 139
JQ-用户注册用到的图形验证码，短信验证码点击事件，切换active类 // 点击切换图形验证码 页面加载完后执行，类似window.onload $(function () { var imgCaptcha = $(".img-captcha"); imgCaptcha.click(function () { ...
asp.net图片验证码
06-10
这个页面包含了表单元素，如文本框让用户输入验证码，以及一个`img`标签指向`Image.aspx`以加载验证码图片。同时，`Default.aspx.cs`文件会处理表单提交，比较用户输入的验证码与服务器端存储的值，如果匹配则验证...
图片验证码示范
04-15
图片验证码，全称为“图像式防机器自动处理验证码”，其核心思想是通过生成随机的、包含字母、数字或者符号的组合，并将其以图像形式展示给用户，用户需正确输入显示的字符才能完成特定操作，例如注册、登录或提交...
可以换图片的验证码 jsp使用
12-03
在JSP页面上，可以通过AJAX请求获取新的验证码图片： ```jsp *,java.util.*" %> String randomCode = ""; // 验证码值 BufferedImage image = null; // 图像对象 // 生成验证码 RandomCodeGenerator ...
安全检测GO内外链跳转页面html源码
04-16
通过添加人机验证（如滑动验证码、图片验证码或谷歌的reCAPTCHA），可以有效地阻挡自动化工具，保护网站免受垃圾评论、恶意注册等攻击。同时，C验证可能是指验证码（CAPTCHA）验证，这是一种常见的人工智能识别测试...
Discuz! X3.4 繁体中文-PHP
06-20
当没有可修复数据时，点击修复数据的提示框类型不正常12、修复新版本chrome下帖子列表页加载按钮行为异常的问题13、修复 语言包的spacecp中积分代码有误的问题14、修复 系统无法阻止某些无法正常登录的特殊符号用于...
带有验证码的漂亮ajax登录界面
05-01
带有验证码的漂亮ajax登录界面。实现局部刷新验证码，ajax登录功能
注册表单验证
m0_74348480的博客
01-17 455
注册表单验证
【HTML、CSS、JS】注册页面实现（带验证码，密码强度验证，表格提交验证等）
好好学习天天向上✿✿ヽ(°▽°)ノ✿
09-17 5461
由于是个刚学这方面的菜鸡，所以好多代码都是从各个大佬那儿粘贴复制过来的orz，边搬运边学习吧可以说是。以下为部分参考。图片字体我都在网上找的，没有商用应该不犯法吧quq 密码强度检测：https://blog.csdn.net/Yeoman92/article/details/53367570 验证码：https://www.cnblogs.com/xielong/p/8191...
JS Kaptcha验证码
鸟人的博客
03-02 403
kaptcha组件实现验证码的功能非常简单 这里我们需要在相应的位置上引用kapatchaservlet组件就可以了 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head&gt.........
Eclipse加载js,css,图片,加载不出来,查看报404错误
小白白的博客
11-20 3667
Eclipse加载js,css,图片,加载不出来,查看报404错误 原因:引入路径出错 建立的jsp页面和建立的css,js,图片是同一级,如下图所示:               引入的css路径如下 &lt;link rel="stylesheet" media="screen" href="css/style.css"&gt; &lt;link rel="sty...
ssm项目路径问题和EL ${pageContext.request.contextPath}解析问题
YaQiSun的博客
11-28 1376
在page directive中的isELIgnored属性用来指定是否忽略。格式为： ＜%@ page isELIgnored＝"true|false"%＞ 如果设定为真，那么JSP中的表达式被当成字符串处理。比如下面这个表达式${2000 % 20}, 在isELIgnored＝"true"时输出为${2000 % 20}，而isELIgnored＝"false"时输出为100。Web容器默认isELIgnored＝"false&qu
JSP页面图片显示不了
qq_43590728的博客
05-17 1万+
在搞JavaWeb的时候遇到的一个问题，困扰了我挺久，写这个记录一下，jsp中写了在浏览器中图片显示不了，后面找了一个解决方法，以下提供四种解决办法。 方法一： <img src = "../img/1.jpg">这里改成<“img src = "./img/1.jpg”> 方法二： tomcat配置中的Deployment下面的Application context改成"/"就行 方法三（推荐）： <img src="${pageContext.request.contex
${pageContext.request.contextPath}访问不到，验证码刷新失败
qq_38555932的博客
03-14 2663
背景： 原本想写一个验证码图片，但是写好之后，在前端就是拿不到图片，路径也没啥错误。项目结构如下： Maven配置如下： <servlet> <servlet-name>verificationImage</servlet-name> <servlet-class>com.ljh.servlet.VerificationImage</servlet-class> </servlet> <servlet
src标签中${pageContext.request.contextPath }无效问题解决方案
zhoucheng05_13的博客
12-05 1万+
问题描述<img src="${pageContext.request.contextPath}/static/images/dog.jpg"/>该链接中的图片显示不出来。原因分析在Chrome下用开发者工具查看图片请求链接会发现请求的链接变成了：//static/images/dog.jpg原因是${pageContext.request.contextPath}相当于http://localho
javaweb实现用户注册登录页面，并完成图片验证码
最新发布
05-13
6. 将生成的验证码图片显示在注册或登录页面上，以确保用户输入正确的验证码。 7. 创建一个过滤器，以确保只有通过身份验证的用户才能访问受保护的页面。 需要注意以下几个点： 1. 在处理用户输入时，要确保正确...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值