实验二 jsp登录验证页面的制作Word文件下载.docx
《实验二 jsp登录验证页面的制作Word文件下载.docx》由会员分享,可在线阅读,更多相关《实验二 jsp登录验证页面的制作Word文件下载.docx(40页珍藏版)》请在冰豆网上搜索。
<
title>
系统登录<
/title>
styletype="
text/css"
>
!
--
.style1{...}{
font-size:
18px;
font-weight:
bold;
}
.style2{...}{font-size:
24px}
.style5{...}{font-size:
16px}
-->
/style>
/head>
bodybgcolor="
papayawhip"
width="
300"
height="
center>
tableborder="
2"
bordercolor="
black"
bgcolor="
lightgreen"
tbody>
tr>
td>
divalign="
center"
class="
style1style2"
系统登录
/div>
/td>
/tr>
formaction="
login.jsp"
method="
post"
tdheight="
28"
spanclass="
style5"
用户名<
/span>
inputtype="
text"
name="
uid"
maxlength="
20"
style="
width:
150"
br>
密&
nbsp;
&
码<
password"
upwd"
submit"
value="
登录"
>
reset"
取消"
/center>
/form>
/tbody>
/table>
/body>
/html>
将登录用户输入的信息提交到login.jsp页面进行处理,这里为了方便,不执行数据库的访问操作,直接使用s2098作为登录用户名和密码,但在实际中是要从数据库中读取的,该jsp页面代码实现如下:
%@pagecontentType="
text/html;
charset=GB2312"
%>
%
if(request.getParameter("
).equals("
s2098"
)&
request.getParameter("
)){
session.setAttribute("
login"
"
ok"
);
session.setMaxInactiveInterval(-1);
jsp:
forwardpage="
main.jsp"
/>
}else{
out.println("
用户名或密码输入错误!
"
如果登录成功,则设定login的值为ok,提交到下一步验证页面,则进入main.jsp页面,否则,如果输入的用户名和密码不合法就打印错误信息,main.jsp页面代码如下:
%@includefile="
checkvalid.jsp"
%>
~WELCOMETOMYHOMEPAGE~<
body>
~WELCOMETOMYHOMEPAGE~
~WELCOMETOMYHOMEPAGE~
这个页面使用<
%@includefile="
包含了一个jsp页面checkvalid.jsp为了验证输入信息的合法性:
if(session.getAttribute("
)==null||!
session.getAttribute("
response.sendRedirect("
login.htm"
如果输入信息有误,则回到登录页面,重新输入登录信息。
二、后台数据库验证技术
包括前台login.html和后台verifylogin.jsp两个页面组成:
login.html内容:
登录<
metahttp-equiv="
content-type"
content="
charset=UTF-8"
Content-Language"
ch-cn"
--Form用来提取用户填入并提交的信息-->
formmethod="
frmLogin"
action="
verifylogin.jsp"
h1align="
用户登录<
/h1>
用户名:
txtUserName"
Yourname"
onfocus="
if(this.value=='
Yourname'
)this.value='
'
;
密码:
txtPassword"
Yourpassword"
Yourpassword'
Submit"
value="
提交"
&
Reset"
重置"
verifylogin.jsp内容:
%@pagelanguage="
java"
contentType="
charset=gb2312"
pageEncoding="
UTF-8"
%@pageimport="
java.sql.*"
java.util.*"
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
pragma"
no-cache"
cache-control"
expires"
0"
keywords"
keyword1,keyword2,keyword3"
description"
Thisismypage"
--
linkrel="
stylesheet"
type="
href="
styles.css"
divalign=center>
%
//获取用户名
StringsUserName=request.getParameter("
);
//获取密码
StringsPasswd=request.getParameter("
//登记JDBC驱动程序
Class.forName("
org.gjt.mm.mysql.Driver"
).newInstance();
//连接参数与Access不同
Stringurl="
jdbc:
mysql:
//localhost/LearnJSP"
//建立连接
Connectionconnection=DriverManager.getConnection(url,"
root"
"
011124"
//SQL语句
Stringsql="
select*fromuserinfowhereusername='
+sUserName
+"
anduserpwd='
+sPasswd+"
Statementstmt=connection.createStatement();
ResultSetrs=stmt.executeQuery(sql);
//返回查询结果
//如果记录集非空,表明有匹配的用户名和密码,登陆成功
if(rs.next())
{
out.println("
登录成功!
}else
//否则登录失败
用户名不存在或密码错误!
}
rs.close();
stmt.close();
connection.close();
下面为客户端添加代码验证功能:
conten