项目说明

  利用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. python :编写装饰器

    简单装饰器 def log_time(func): # 此函数的作用时接受被修饰的函数的引用test,然后被内部函数使用 def make_decorater(): print('现在开始装饰') f ...

  2. 批量删除xml文件中的<?xml version="1.0" ?>

    #!/bin/shcd 'home/usrname/'ls cd '/home/usrname/VOC2007/Annotations/' for file in `ls /home/usrname/ ...

  3. linux下Mycat的安装配置

    1.下载Mycat Linux版:下载链接 2.通过SSH直连工具把安装包丢到linux:/usr/local/ 3.解压安装Mycat 4.配置环境 5.使配置文件生效

  4. PHP:(一)安装并使用PHP

    php的安装分为两个部分:环境安装配置和开发工具 一.集成环境安装配置 (一)安装 选择:wampserver或者xampp 我采用的是xampp. 在http://www.sourceforce.n ...

  5. TLS握手协议

    SSL/TLS基础 SSL(Secure Sockets Layer 安全套接层),及其继任者-传输层安全(Transport Layer Security, TLS)是为网络通信提供安全及数据完整性 ...

  6. Java分享笔记:使用entrySet方法获取Map集合中的元素

    /*--------------------------------- 使用entrySet方法取出Map集合中的元素: ....该方法是将Map集合中key与value的关系存入到了Set集合中,这 ...

  7. php COM

    查看php.ini中是否已经开启了com.allow_dcom = true 从php/ext/里面查找一下有没有这个php_com_dotnet.dll这个文件 如果没有网上下载个,一般都会有的吧应 ...

  8. Linux段式管理与页式管理

    内存管理有2种机制:1.段式管理:2.页式管理 在80386CPU中增加了2个寄存器:1.全局性的段描述表寄存器GDTR 2.局部性的段描述表寄存器LDTR 段寄存器的高13位用于在全局或局部描述表项 ...

  9. stark组件(4):列表定义列,展示数据库数据

    效果图: 一.Stark组件 stark/service/core_func.py from django.urls import re_path from django.shortcuts impo ...

  10. linxu信号种类

    使用kill -l 命令,可看到linux支持的信号列表: 1) SIGHUP 2) SIGINT 3) SIGQUIT 4) SIGILL 5) SIGTRAP 6) SIGABRT 7) SIGB ...