javawebday30(验证码在客户端 用当前时间来请求下一张图片 VerifyCode代码)[通俗易懂]

javawebday30(验证码在客户端 用当前时间来请求下一张图片 VerifyCode代码)[通俗易懂]页面运行servlet500错误信息tomcat报错卡住可能是因为映射错误即web.xml中的问题405post改成get方法如果出现不支持post提交可能需要修改表单中的提交方式VerifyCode.javapublicclassVerifyCode{privateintw=70;privateinth=35;…

大家好,又见面了,我是你们的朋友全栈君。

这里写图片描述
页面运行servlet 500错误信息 tomcat报错卡住 可能是因为映射错误 即 web.xml中的问题
405 post改成get方法
如果出现不支持post提交 可能需要修改 表单中的提交方式
VerifyCode.java

public class VerifyCode {
    private int w = 70;
    private int h = 35;
    private Random r = new Random();
    //{"宋体","华文楷体","黑体","微软黑体","楷体_GB2312"}
    private String [] fontNames = {
  
  "宋体","华文楷体","黑体","微软黑体","楷体_GB2312"};
    //可选字符
    private String codes = "23456789abcdefghijkmnopqrstuvwxyzABCDEFGHJKMNOPQRSTUVWXYZ";
    //背景色
    private Color bgColor = new Color(255,255,255);
    //验证码上的文本
    private String text;
    //生成随机的颜色
    private Color randomColor(){
        int red = r.nextInt(150);
        int green = r.nextInt(150);//不能和白色过于靠近
        int blue  = r.nextInt(150);
        return new Color(red,green,blue);
    }
    //生成随机的字体
    private Font  randomFont(){
        int index = r.nextInt(fontNames.length);
        String fontName = fontNames[index];//生成随机的字体名称
        int style = r.nextInt(4);//生成随机的样式 0(无样式) 1(粗体) 2(斜体)3(粗体加斜体)
        int size = r.nextInt(5)+24;//生成随机字号
        return new Font(fontName,style,size);
    }
    //画干扰线
    private void drawLine(BufferedImage image){
        int num = 3;//一共画3条
        Graphics2D g2 = (Graphics2D) image.getGraphics();
        for(int i=0;i<num;i++){
  
  //生成2个点的坐标,即4个值
            int x1 = r.nextInt(w);
            int y1 = r.nextInt(h);
            int x2 = r.nextInt(w);
            int y2 = r.nextInt(h);
            g2.setStroke(new BasicStroke(1.5F));
            g2.setColor(Color.blue);//干扰线是蓝色的
            g2.drawLine(x1, y1, x2, y2);//画线
        }       
    }
    //随机生成字符
    private char randomChar(){
        int index = r.nextInt(codes.length());
        return codes.charAt(index);
    }
    //创建BufferedImage
    private BufferedImage createImage(){
        BufferedImage image = new BufferedImage(w,h,BufferedImage.TYPE_INT_RGB);
        Graphics2D g2 = (Graphics2D) image.getGraphics();
        g2.setColor(this.bgColor);
        g2.fillRect(0, 0, w, h);
        return image;
    }
    //调用这个方法得到验证码
    public BufferedImage getImage(){
        BufferedImage image = createImage();//创建图片缓冲区
        Graphics2D g2 = (Graphics2D) image.getGraphics();//得到绘制环境
        StringBuilder sb = new StringBuilder();//用来装载生成的验证码文本
        //向图片中画四个字符
        for(int i =0;i<4;i++){
  
  //循环四次,每次生成一个字符
            String s = randomChar()+"";//随机生成一个字母
            sb.append(s);//把字母添加到sb中
            float x = i*1.0F*w/4;//设置当前字符的x轴坐标
            g2.setFont(randomFont());//设置随机字体
            g2.setColor(randomColor());//设置随机颜色
            g2.drawString(s, x, h-5);//画图
        }
        this.text =sb.toString();//把生成的字符串赋给this.text
        drawLine(image);//添加干扰线
        return image;
    }

    //返回验证码图片上的文本
    public String getText(){
        return text;
    }

    //保存图片到指定的输出流
    public static void output(BufferedImage image,OutputStream out) throws IOException{
        ImageIO.write(image, "JPEG", out);
    }
}

VerifyCodeServlet.java

public class VerifyCodeServlet extends HttpServlet { 
   


    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        /* * 1、生成图片 * 2、保存图片上的文本到session域中 * 3、把图片响应给客户端 */
        VerifyCode vc = new VerifyCode();
        BufferedImage bi = vc.getImage();
        request.getSession().setAttribute("session_vcode", vc.getText());//保存图片上的文本到session域

        VerifyCode.output(bi, response.getOutputStream());
    }

}

login.jsp

    <script type="text/javascript"> function _change(){ 
     /* 1、得到img元素 2、修改其src为/day28_01/VerifyCodeServlet */ var imgEle = document.getElementById("img"); //添加时间 保证每次点击不同 可以让浏览器认为是不同的请求 然后重新发送图片 防止浏览器认为已经缓存而不发 imgEle.src="/day28_01/VerifyCodeServlet?a="+new Date().getTime(); } </script>
  </head>

  <body>
   <%--本页面提供登录表单 还要显示错误信息 --%>
   <h1>登录</h1>
   <% /* 读取名为uname的cookie 如果为空显示:"" 如果不为空显示:cookie的值 */ String uname=""; Cookie[] cs = request.getCookies();//获取请求中所有的cookie if(cs!=null){//如果存在cookie for(Cookie c:cs){//循环遍历所有的cookie if("uname".equals(c.getName())){//查找名为uname的cookie uname = c.getValue();//获取这个cookie的值,给uname这个变量 } } } %>
   <% String message =""; String msg = (String)request.getAttribute("msg");//获取request域中的名为msg的属性 if(msg!=null){ message = msg; } %>
   <font color = "red"><b><%=message %></b></font>
   <form action="/day28_01/LoginServlet" method="get">
   <%--把cookie中的用户名显示到用户名文本框中 --%>
    用户名:<input type="text" name="username" value="<%=uname %>"/><br/>
    密    码:<input type="password" name="password" /><br/>
    验证码:<input type="text" name ="verifyCode" size="3"/>
            <img id="img" src="/day28_01/VerifyCodeServlet"/>
          <a href="javascript:_change()">换一张</a>
    <br/>
    <input type="submit" value="登录"/>
   </form>
  </body>

LoginServlet.java

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        /* * 校验验证码 * 1、从session中获取正确的验证码 * 2、从表单中获取用户填写的验证码 * 3、进行比较 * 4、如果相同,向下运行,否则保存错误信息到request域,转发到login.jsp */
        String sessionCode = (String) request.getSession().getAttribute("session_vcode");
        String paramCode = request.getParameter("verifyCode");
        if(!paramCode.equalsIgnoreCase(sessionCode)){
            request.setAttribute("msg", "验证码错误");
            request.getRequestDispatcher("/session2/login.jsp").forward(request, response);
            return;//不加return还要向下执行
        }
        /* * 1/获取表单数据 */
        //处理中文问题
        request.setCharacterEncoding("utf-8");
        //获取
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        /* * 2、校验用户名和密码是否正确 */
        if("aa".equalsIgnoreCase(username)){
  
  //登录成功
            /* * 把用户名保存到cookie中,发送给客户端浏览器 * 当再次打开login.jsp时login.jsp中会读取request中的cookie,把他显示到用户名文本框中 */
            Cookie cookie = new Cookie("uname", username);//创建Cookie
            cookie.setMaxAge(60*60*24);//设置cookie命长为1天
            response.addCookie(cookie);

            /* * 3、如果成功 * 保存用户信息到session中 * 重定向到succ1.jsp */
            HttpSession session = request.getSession();//获取session
            session.setAttribute("username", username);//向session域中保存用户名
            response.sendRedirect("/day28_01/session2/succ1.jsp");//重定向带项目名 转发不用
        }else{
  
  //登录失败
            /* * 4、如果失败 * 保存错误信息学到request域中 * 转发到login.jsp 如果重定向 域中信息获取不到 相当于2个请求了 */
            request.setAttribute("msg", "用户名或密码错误");
            RequestDispatcher rd = request.getRequestDispatcher("/session2/login.jsp");//等到转发器
            rd.forward(request,response);//转发
        }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159601.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • git 提交代码常用命令

    git 提交代码常用命令 一、master分支代码提交过程 gitlog 查看git合入的记录    gitpull从服务器重新拉代码,将本地代码更新为服务器上的最新代码 gitstatus查看本地代码状态,是否有待提交的代码  git add.  将本地代码全部提交  gitcommit-m"合入新的PUCCH和小区功率代码"   为本次提交添加注释 …

    2022年6月26日
    39
  • Wireshark分析SSL协议[通俗易懂]

    Wireshark分析SSL协议[通俗易懂]SSL:(SecureSocketLayer,安全套接字层),位于可靠的面向连接的网络层协议和应用层协议之间的一种协议层。SSL通过互相认证、使用数字签名确保完整性、使用加密确保私密性,以实现客户端和服务器之间的安全通讯。该协议由两层组成:SSL记录协议和SSL握手协议。TLS:(TransportLayerSecurity,传输层安全协议),用于两个应用程序之间提供保密性和数据完整性。该协议由两层组成:TLS记录协议和TLS握手协议。SSL/TLS位于传输层和应用层之间,应用层数据不再直接传递

    2022年6月1日
    51
  • Html中的空格符「建议收藏」

    Html中的空格符「建议收藏」&nbsp;1,Html中空格&amp;nbsp;&amp;#160;&nbsp;不断行的空白(1个字符宽度)&amp;ensp;&nbsp;&amp;#8194;半个空白(1个字符宽度)&amp;emsp;&amp;#8195;一个空白(2个字符宽度)&amp;thinsp;&nbsp;&amp;#8201;窄空白(小于1个字符宽度)&n…

    2022年10月4日
    0
  • stream对象转map

    stream对象转map方法1直接指定key-value方法2按某字段分组

    2022年5月17日
    95
  • pycharm里为啥运行不了pip_error loading package list:pypi

    pycharm里为啥运行不了pip_error loading package list:pypi安装好了python以及pycharm,添加pysql时,第一次出现错误是pip版本不匹配,当前版本是9.0.1,需要更新至版本。更新版本需要找到easy_install.exe,在终端中执行:pipinstallpip–upgrade即可首先终端可用快捷键win+R打开,输入“cmd”,由于我的python是2.7版本,安装在D盘,输入“D:”,按enter键,继续输入“cdp…

    2022年8月27日
    3
  • join方法的使用

    join方法的使用一、join方法1.1jon方法的作用使所属的线程对象x正常执行run()方法中的任务,而使当前线程y无限期的阻塞,直到x线程销毁后再继续执行线程y后面的代码。join方法具有使线程排队运行的作用,有些类似同步的运行的效果。1.2join与synchronized的区别join在内部使用wait()方法进行等待,而synchronized关键字使用的是”对象监视器”原理作为同步。…

    2022年6月11日
    46

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号