用JSP做个简单的登录注册页面
第一步先分析整个过程,然后得出大概思路。 首先,进入登录页面(login.jsp),如下: 我们是没有账号的所以需要注册账号,所以这时候必须有一个注册页面(register.jsp),如下 紧接着注册成功后跳转成功页面,这时我们需要一个注册成功的页面(registersuccess.jsp),如下: 点击返回页面后,我们就可以在登录页面登录,然后登录时有登录成功和登录失败的页面。所以还要再写两个(loginsuccess.jsp loginfailure.jsp)如下: 这就是大概的一个思路了,接下来就是代码问题了。
登录页面代码
登录
#a {
width:50%;
height:200px;
border: 1px dashed ;
background-color:lightyellow;
text-align:center;
}
body{
background-color:lightblue;
}
登录界面
账号:
密码:
没有账号?注册账号
注册页面代码
账号注册
#a {
width:50%;
height:50%;
border: 1px dashed ;
background-color:lightgreen;
text-align:center;
}
body{
background-color:lightyellow;
}
注册账号
账;;;号:
密;;;码:
姓名:
手机号:
注册成功代码
注册成功
#a {
width:50%;
height:200px;
border: 1px dashed ;
background-color:lightyellow;
text-align:center;
}
恭喜您注册成功!
您的账号为:
您的密码为:
请妥善保管好您的密码!
返回登录页面
登录成功页面
登录成功
body{
background-color:yellow;
}
#a {
width:50%;
height:200px;
border: 1px dashed ;
background-color:lightyellow;
text-align:center;
}
页面仅供测试。
登录成功
登录失败页面
登录成功
body{
background-color:grey;
}
#a {
width:50%;
height:200px;
border: 1px dashed ;
background-color:lightyellow;
text-align:center;
}
页面仅供测试。
登录失败
返回登录页面
在登录时还需要进行检验,看看账号密码是否正确
检查页面(check.jsp)主要代码(在body里面写)
check
|