带验证码的登录效果图

登录成功时，记录用户名和访问次数

登录失败，弹出错误提示

方法一：应用request对象获取表单数据实现登录操作

代码结构：

index.jsp源码及详解：

当表单被提交时，数据会被提交到check.jsp中去，此处表单的提交实在js的mycheck()方法中完成的。

Stringintsum=intmethod+""+intmethod2+intmethod3+intmethod4;此处+""是为了将int数据类型转为String类型。

登录页面

functionmycheck(){//定义mycheck()方法

if(form1.UserName.value==""){

alert("用户名不能为空！");

form1.UserName.focus();return;

}if(form1.PWD.value==""){

alert("密码不能为空！");

form1.PWD.focus();return;

}if(form1.yanzheng.value==""){

alert("验证码不能为空！");

form1.yanzheng.focus();return;

}

form1.submit();

}

用户名：
密    码：
验证码：

//获取0~9的随机数intintmethod=(int)((((Math.random())*11))-1);intintmethod2=(int)((((Math.random())*11))-1);intintmethod3=(int)((((Math.random())*11))-1);intintmethod4=(int)((((Math.random())*11))-1);//加入""是为了让int类型转为String类型。//int类型和字符串类型相加，为字符串类型.Stringintsum=intmethod+""+intmethod2+intmethod3+intmethod4;%>

">

.gif">

.gif">

.gif">

.gif">

check.jsp源码及详解：

此处有两种页面的跳转方式

jsp中：response.sendRedirect("main.jsp");

js中：window.location.href='index.jsp';

使用requst.getParameter("name值")获取表单提交的数据

使用session.setAttribute("name", name)，是将name保存到session范围内“name”变量中。

使用session.getAttribute("name")是从name中取出之前保存的数据。

response.sendRedirect("目标路径");实现页面的跳转。

//设置编码方式，防止中文乱码

request.setCharacterEncoding("UTF-8");//使用requst.getParameter("")获取表单提交的数据Stringname=request.getParameter("UserName");Stringpassword=request.getParameter("PWD");Stringyanzheng=request.getParameter("yanzheng");Stringmessage;if(!yanzheng.equals(request.getParameter("vcode"))){

message="验证码输入有误";

}else if(name.equals("mr")&&password.equals("123456")){

message="登录成功";//将name保存到session范围内“name”变量中，使用get方法可获取name

session.setAttribute("name", name);//成功页面跳转

response.sendRedirect("main.jsp");

}else{

message="用户名或密码错误！";

}%>

window.location.href='index.jsp';

验证中...

main.jsp的源码及详解：

巧妙使用session.setAttribute()和session.getAttribute()实现页面计数。

session.getAttribute("name").toString()：由于get方法返回的是Object类型，将其赋值给String类型需要进行强制类型转换或调用toString()方法。

登录成功！

number=1;

}else{

number=Integer.parseInt(session.getAttribute("number").toString());

number=number+1;

}

out.print("您是第"+number+"次访问");

session.setAttribute("number", number);%>

方法二：应用JavaBean获取表单数据实现登录操作

代码结构

javaBean代码：

JavaBean规范：

(1)JavaBean 类必须是一个公共类，并将其访问属性设置为 public  ，如： public class user{ …}

(2)JavaBean 类必须有一个空的构造函数：类中必须有一个不带参数的公用构造器，例如：public User() {…}

(3)一个javaBean类不应有公共实例变量，类变量都为private  ，如： private int id;

( 4 )javaBean属性是具有getter/setter方法的成员变量。

packagecom.wgh;public classUserBean {private String name="";private String pwd="";private String yanzheng="";private String vcode="";publicString getName() {returnname;

}public voidsetName(String name) {this.name =name;

}publicString getPwd() {returnpwd;

}public voidsetPwd(String pwd) {this.pwd =pwd;

}publicString getYanzheng() {returnyanzheng;

}public voidsetYanzheng(String yanzheng) {this.yanzheng =yanzheng;

}publicString getVcode() {returnvcode;

}public voidsetVcode(String vcode) {this.vcode =vcode;

}

}

index.jsp源码

当表单被提交时，数据会被提交到check.jsp中去，此处表单的提交实在js的mycheck()方法中完成的。

正在登录

functionmycheck(){if(form1.name.value==""){

alert("用户名不能为空！");

form1.name.focus();return;

}if(form1.pwd.value==""){

alert("密码不能为空！");

form1.PWD.focus();return;

}if(form1.yanzheng.value==""){

alert("验证码不能为空！");

form1.yanzheng.focus();return;

}

form1.submit();

}

用户名：
密    码：
验证码：

intintmethod=(int)((((Math.random())*11))-1);intintmethod2=(int)((((Math.random())*11))-1);intintmethod3=(int)((((Math.random())*11))-1);intintmethod4=(int)((((Math.random())*11))-1);Stringintsum=intmethod+""+intmethod2+intmethod3+intmethod4;%>

">

.gif">

.gif">

.gif">

.gif">

check.jsp源码

实例化javaBean对象，对象名为user

设置user对象的值，将表单中的数据写入javabean中去。使用property="*"要保证表单中各元素的name值与javabean中定义的属性名保持一致。

用户名与密码验证中...

Stringyanzheng=user.getYanzheng();Stringname=user.getName();Stringpwd=user.getPwd();Stringvcode=user.getVcode();Stringmessage;if(!yanzheng.equals(vcode)){

message="验证码输入有误！";

}else if(name.equals("mr")&&pwd.equals("123456")){

message="登陆成功";

session.setAttribute("name", user.getName());

response.sendRedirect("main.jsp");

}else{

message="用户名或密码错误！";

}%>

window.location.href('index.jsp');

main.jsp源码

登录成功！

number=1;

}else{

number=Integer.parseInt(session.getAttribute("number").toString());

number=number+1;

}

out.print("您是第"+number+"次访问");

session.setAttribute("number", number);%>