项目说明

　　利用JSP、HTML、JS实现了一个简易的登陆系统。根据前两天的所学，实现了如下功能：

　　a）用户名、密码验证（不基于数据库，只做一个简单的表单数据获取并验证）

　　b）页面访问次数统计

　　c）验证用户名、密码为空的提醒弹窗

　　d）一个简易的根据输入错误次数来实现的防恶意登陆的小弹窗

　　

　　相关知识点：

　　a）主要利用form的POST方法传递数据，在此之外再基本利用<jsp:param>标签配合<jsp:forward>传递其他的相关数据。

　　b）此外JavaScript可以完美嵌套于JSP文件中，适当地使用IF语句配合JS中的函数进行页面交互。

　　

项目源码

　　登陆页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Login Page</title>

</head>

<body>

<%! String msg="";

    int count=0;%>

<h2>简易的登陆系统验证</h2>

<p>访问次数：<%=count+1 %></p><br>

<hr>

<p>正确的登录名：adim 密码：12345</p>

<br>

    <p><% out.println(msg); %></p>

    <form method=post action="Login.jsp">

        用户名：<input type="text" name=usr> <br>

        密码：  <input type="password" name=pasw> <br>

        <input type="radio" name=type value=1>管理员

        <input type="radio" name=type value=2 checked>普通用户

        <br>

        <input type="submit" value="提交">

        <input type="reset" value="清空">

</form>

    <%

      count=count+1;

      String usrn=request.getParameter("usr");

      String passWord=request.getParameter("pasw");

      String type=request.getParameter("type");

      if(usrn!=null&&passWord!=null)

      {

          if(usrn.equals("adim")&&passWord.equals("12345"))

          {

              count=0;

              msg=""; %>

          <jsp:forward page="success.jsp">

                <jsp:param name="UsrName" value="<%=usrn %>" />

                <jsp:param name="Class" value="<%=type %>" />

            </jsp:forward>

        <%}else{

            if(usrn.equals("")||passWord.equals("")){

                out.println("<Script>");

                   String message="用户名或密码不能为空！";

                   out.println("alert('"+message+"')");

                   out.println("</Script>");

                   count=0;

            }

              msg="PassWord or UsrName is Wrong!";

              if(count>=5){

                   out.println("<Script>");

                   String message="您当前错误次数过多，请稍后再试！";

                   out.println("alert('"+message+"')");

                   out.println("</Script>");

              }

          }

      }%> 

</body>

</html>

　　登陆成功页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

    <h1>WelCome!</h1>

    <hr>

    <%String usr=request.getParameter("UsrName");

      String type=request.getParameter("Class");

      String Classify="";

      if(type.equals("1")){

          Classify="管理员";

      }else{

          Classify="普通用户";

      }

      out.println("<p>"+usr+"</p>");

      out.println("<a href=''>进入"+Classify+"页面</a>");

    %>

</body>

</html>

效果图：

JSP/Servlet Web 学习笔记 DayThree —— 实现一个登陆小界面的更多相关文章

  1. JSP/Servlet Web 学习笔记 DayThree

    JSP内置对象 使用JSP语法可以存取这些内置对象来执行JSP网页的Servlet环境相互作用.内置对象其实是由特定的Java类所产生的.每一种内置对象都映射到一个特定的Java类或者端口,在服务器运 ...

  2. JSP/Servlet Web 学习笔记 DayOne

    JSP概述 1)JSP是一种动态网页技术标准,它是在传统的页面HTML文件中插入Java程序段和JSP标记(tag),从而形成JSP文件(*.jsp),也称JSP页面. 2)JSP容器是一个支持JSP ...

  3. JSP/Servlet Web 学习笔记 DayTwo

    JSP指令 a)page指令 定义JSP文件中的全局属性.一个JSP页面可以包含多个page指令.除了Import以外,其他page指令定义的属性/值只能出现一次. 其详细语法为: <%page ...

  4. JSP/Servlet Web 学习笔记 DayFive

    ServletConfig <只对当前Servlet有效> (1)在Web容器初始化Servlet实例时,都会为这个Servlet准备一个唯一的ServletConfig实例(俗称Serv ...

  5. JSP/Servlet Web 学习笔记 DayFour

    Servlet概述 Servelt是使用Java Servlet应用程序接口及相关类和方法的Java程序. Servlet是用Java编写的Server端程序,它与协议和平台无关.Servlet运行于 ...

  6. JSP/Servlet Web 学习笔记 DaySix —— EL表达式

    1)EL从scope中得到参数时可以自动转换类型,因此对于类型转换的限制更加宽松. 2)使用EL表达式,可以简化变量和对象的访问. 3)EL表达式必须以 ${XXXX} 来表示. 4)EL提供点(.) ...

  7. [原创]java WEB学习笔记12：一个简单的serlet连接数据库实验

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  8. [原创]java WEB学习笔记11：HttpServlet（HttpServletRequest HttpServletRsponse） 以及关于 Servlet 小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  9. Java Web学习笔记之---JSP

    Java Web学习笔记之---JSP (一)JSP常用语法 (1)HTML注释 <!--所要注释的内容 --> 在客户端显示一个注释. (2)隐藏注释 <%--所要注释的内容--% ...

随机推荐

  1. MySQL 存储过程参数IN OUT INOUT区别

    MySQL 存储过程参数IN OUT INOUT对比 一.IN -- 创建测试存储过程 delimiter // create procedure p_in ( IN num int ) begin ...

  2. 奇异值分解(SVD)和最小二乘解在解齐次线性超定方程中的应用

    奇异值分解,是在A不为方阵时的对特征值分解的一种拓展.奇异值和特征值的重要意义相似,都是为了提取出矩阵的主要特征. 对于齐次线性方程 A*X =0;当A的秩大于列数时,就需要求解最小二乘解,在||X| ...

  3. web之HTTP协议

    1.web引用程序 web(world wide web)也叫万维网,是一种基于超文本和HTTP的.全球性的.动态交互的.跨平台的分布式图形信息系统.是建立在Internet上的一种网络服务,为浏览者 ...

  4. Servlet的工作原理和生命周期

    Servlet的工作原理 . Web服务器加载Servlet:Web服务器启动后,它会根据每个工程的web.xml文件去查找该工程的Servlet,并且找到这些Servlet的Class文件所在的地址 ...

  5. 转：mysql远程连接 Host * is not allowed to connect to this MySQL server

    在本机登入mysql后,更改"mysql"数据库里的"user"表里的"host"项,从"localhost"改为'%' ...

  6. 基于mybatis设计简单信息管理系统1

    驼峰式命名法 骆驼式命名法就是当变量名或函数名是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始:第二个单词的首字母大写或每一个单词的首字母都采用大写字母,例如:myFirs ...

  7. 用MySQL的optimizer_trace进行sql调优

    在我们调优MySQL的SQL时候,通常使用三种工具进行查看sql执行的效率,explain.profile.optimizer_trace.前两个经常被人使用,由于第三个难度较大,大家使用的较少,下面 ...

  8. redis安装与简单使用

    第一步 新建一个文件 第二步 利用winscrp软件从本机上传redis的压缩包到linux新建的rdtar目录 第三步   cd rdtar 第四步   解压  tar zxvf redis-2+t ...

  9. 使用PHP生成分享图片

    小程序导航 wq.xmaht.top 假设代码中用到的资源文件夹在当前code_png目录下: /** * 分享图片生成 * @param $gData 商品数据,array * @param $co ...

  10. python版opencv：如何用笔记本摄像头拍照保存

    因为需要制作制作数据集 所以需要在笔记本上外置了一个logi的摄像头 准备使用python上得opencv来进行拍照 环境:opencv+pycharm+win10+py3 #coding:utf-8 ...