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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何写软件项目技术标

    如何写软件项目技术标技术标作为一个初期评价软件供应商的重要标准之一,需要覆盖多方面的考虑因素,从需求的理解,到系统的设计,到项目的实施与管理,以及项目的验收与后期支持。那么我们如何来编写一个完整的技术标呢?第一,项目概述   项目情况的一个综合介绍,这是一个综述,通过这个综述说明项目的背景

    2022年5月11日
  • 怎么算图中有多少个三角形_贪心算法经典例题

    怎么算图中有多少个三角形_贪心算法经典例题题目:请说出下面图形中包含多少个三角形?请用一个程序完成计算。C++版本解题思路:(1)给每个交点做标记,如下:(2)总共有36条线段,如果三条线段两两之间存在交点,但一条线上(已经包含了三条

    2022年8月1日
  • wangeditor富文本编辑器_vue使用富文本编辑器

    wangeditor富文本编辑器_vue使用富文本编辑器一、导入kindeditor文件,并删除不用的服务器版本,这里选用jsp修改文件修改第16行代码uploadJson=K.undef(self.uploadJson,self.basePath+’jsp/upload_json.jsp’),修改图片上传路径//文件保存目录路径StringsavePath=pageContext.getServletContext().g

    2022年10月12日
  • spring boot 集成redis版本说明

    springboot集成redis版本说明官网文档:https://docs.spring.io/spring-boot/docs/2.0.2.RELEASE/reference/htmlsingle/当前版本是2.0.3(目前官网的当前版本也是2.0.3{2018-06-25})1.5.X版本redis依赖如下:&lt;dependency&gt;&lt;gro…

    2022年4月11日
  • C#开发WebService实例和发布

    C#开发WebService实例和发布WebService是一种跨平台,独立于编程语言之外的通信技术,将其部署在服务器端,在网络内的所有设备都可以调用这个WebService。本文介绍用C#开发WebService实例以及其部署和调用。首先是一个简单的WebService工程的创建:1、创建一个asp.netweb应用程序,我这里起名字叫WebServiceTest2、创建一个空的模板3、然后给这个空项目添加web服务…

    2022年7月21日
  • acwing吧_acwing算法基础

    acwing吧_acwing算法基础小 A 和小 B 在玩一个游戏。首先,小 A 写了一个由 0 和 1 组成的序列 S,长度为 N。然后,小 B 向小 A 提出了 M 个问题。在每个问题中,小 B 指定两个数 l 和 r,小 A 回答 S[l∼r] 中有奇数个 1 还是偶数个 1。机智的小 B 发现小 A 有可能在撒谎。例如,小 A 曾经回答过 S[1∼3] 中有奇数个 1,S[4∼6] 中有偶数个 1,现在又回答 S[1∼6] 中有偶数个 1,显然这是自相矛盾的。请你帮助小 B 检查这 M 个答案,并指出在至少多少个回答之后可

    2022年8月10日

发表回复

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

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