zoukankan      html  css  js  c++  java
  • JSP第四周

    登录功能  用户名zs 密码123 登录成功  

    要求 有验证码功能  界面要美观

    login.jsp

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    
    
    <!DOCTYPE HTML >
    <html>
      <head>
       
        
        <title>登录界面</title>
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
        <style type="text/css"> 
        .contentArea{450px;position:absolute;top:80px;left:250px;height:500px;} 
        </style> 
      </head>
      
      <body  style="background:url(images/1.jpg)">
      <div class="contentArea">
      <p style="font-family:黑体;font-size:56;color:yellow"></p>
      登录<br/><br/><br/>
       <form action="dologin.jsp" name="myform" method="post" >
       用户名:<input type="text" name="uname"><br/><br/>
       密码:<input type="password" name="upwd"><br/>  <br/>
        验证码:<img src="yanzhengma.jsp"/>
              <input type="text" name="code"/>
              <br/><br/>
       <input type="submit" value="登录"><br/><br/><br/><br/>
       <a href="register.jsp" >进行注册</a>
       </form>
       
       </div>
      </body >
    </html>
    

      yanzhengma.jsp

    <%@ page contentType="image/jpeg" language="java" import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*" pageEncoding="utf-8"%>
     
    <%!
        Color getRandColor(int fc,int bc){
            Random random = new Random();
            if(fc > 255){
                fc = 255;
            }
            if(bc < 255){
                bc = 255;
            }
            int r = fc +random.nextInt(bc-fc);
            int g = fc +random.nextInt(bc-fc);
            int b = fc +random.nextInt(bc-fc);
     
     
            return new Color(r,g,b);
        }
    %>
     
    <%
        //设置页面不缓存
        response.setHeader("Pragma","no-cache");
        response.setHeader("Cache-Control","no-catch");
        response.setDateHeader("Expires",0);
     
        //在内存中创建图象
        int width = 60;
        int height = 20;
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
     
        //创建图象
        Graphics g = image.getGraphics();
        //生成随机对象
        Random random = new Random();
        //设置背景色
        g.setColor(getRandColor(200,250));
        g.fillRect(0,0,width,height);
        //设置字体
        g.setFont(new Font("Tines Nev Roman",Font.PLAIN,18));
        //随机产生干扰线
        g.setColor(getRandColor(160,200));
        for(int i = 0; i < 255; i++){
            int x = random.nextInt(width);
            int y = random.nextInt(height);
            int xl = random.nextInt(12);
            int yl = random.nextInt(12);
        }
        //随机产生认证码,4位数字
        String sRand = "";
        for(int i = 0; i < 4; i++){
            String rand = String.valueOf(random.nextInt(10));
            sRand  += rand;
            //将认证码显示到图象中
            g.setColor(new Color(20 + random.nextInt(110),20 + random.nextInt(110),20 + random.nextInt(110)));
            g.drawString(rand,13*i+6,16);
        }
        session.setAttribute("rCode",sRand);
        //图像生效
        g.dispose();
        //输出图像到页面
        ImageIO.write(image,"JPEG",response.getOutputStream());
        out.clear();
        out = pageContext.pushBody();
    %>
    

      dologin.jsp

    <%@ page contentType="image/jpeg" language="java" import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*" pageEncoding="utf-8"%>
     
    <%
        //获取登录的用户名
        String name = request.getParameter("uname");
        //获取登录密码
        String pwd = request.getParameter("upwd");
        //判断
     
        if (name.equals("zs") && pwd.equals("123"))//判断字符串是否相等不是等号是eqyals
            //转发到ok页面
            request.getRequestDispatcher("ok.jsp").forward(request,response);
        else
            //转发到no页面
            request.getRequestDispatcher("login.jsp").forward(request,response);
    %>
    

     

     

     

  • 相关阅读:
    迭代器,可迭代对象,生成器区别
    七大经典排序算法
    二叉排序树的插入、生成、删除及查找操作
    二分查找(折半查找)
    顺序查找
    二叉树的创建、遍历及应用
    (原创)一些常见小程序(C)
    顺序队列
    二叉树的创建
    Vue开源项目库汇总
  • 原文地址:https://www.cnblogs.com/zhangjiatong/p/14594369.html
Copyright © 2011-2022 走看看