您的位置：首页 > Web前端 > JavaScript

jsp+servlet 实现登录功能

2013-12-06 16:32 399 查看
现在的框架比较流行，为了更好的理解框架，javaweb的基本开发形式还需要了解。

下面是运用jsp+servlet技术是实现登录。（没有运用数据库，数据操作比较简单，这个例子主要描述开发流程）

project:jspServletLoginTest

项目的目录结构如下：



 

下面贴上代码：

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- 该Login页面是一个简单的登录界面 -->
<html >
<head>
<title>Login</title>
<meta http-equiv= "content-type" content = "text/html; charset=UTF-8">
<meta http-equiv= "Content-Language" content = "ch-cn">
</head>
<body >
<!-- Form 用来提取用户填入并提交的信息-->
<form method = "post" name = "frmLogin" action="loginServlet">
<h1 align = "center"> USER LOGIN</h1> <br >
<div align = "center" > User name：
<input type = "text" name = "txtUserName" value = "hym"
size = "20" maxlength = "20"  > <br> Password：
<input type = "password" name = "txtPassword" value = "Your password"
size = "20" maxlength = "20" > <br>
<input type = "submit" name = "Submit" 　value= "submit" onClick = "validateLogin();" >
<input type = "reset" name = "Reset" value = "reset" > <br>
</div>
</form>
<!-- javaScript 函数 validateLogin(),null validate-->
<script language = "javaScript">
function validateLogin( )
{
var sUserName = document. frmLogin. txtUserName. value ;
var sPassword = document. frmLogin. txtPassword. value ;
if( sUserName= = "" )
{
alert( "input user name！" ) ;
return false;
}
if( sPassword= = "" )
{
alert( "input password！" ) ;
return false;
}
}
</script>
</body>
</html>


login_success.jsp

<%@ page language= "java" contentType= "text/html; charset=UTF-8" pageEncoding= "UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<title> My JSP 'login_failure.jsp' starting page </title>
<meta http-equiv= "content-type" content = "text/html; charset=UTF-8">
<meta http-equiv= "pragma" content = "no-cache">
<meta http-equiv= "cache-control" content = "no-cache">
<meta http-equiv= "expires" content = "0">
<meta http-equiv= "keywords" content = "keyword1,keyword2,keyword3">
<meta http-equiv= "description" content = "This is my page">
</head>
<body>
<%
String userName = ( String ) session. getAttribute ( "UserName" ) ;
%>
<div align = center>
<%=userName%>
welcome,logined!
</div>
</body>
</html>

login_failure.jsp

<%@page language= "java" contentType= "text/html; charset=UTF-8" pageEncoding= "UTF-8" %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> My JSP 'login_failure.jsp' starting page </title>
<meta http-equiv= "content-type" content = "text/html; charset=UTF-8">
<meta http-equiv= "pragma" content = "no-cache">
<meta http-equiv= "cache-control" content = "no-cache">
<meta http-equiv= "expires" content = "0">
<meta http-equiv= "keywords" content = "keyword1,keyword2,keyword3">
<meta http-equiv= "description" content = "This is my page">
</head>
<body>
<%
String userName = ( String ) session. getAttribute ( "UserName" ) ;
%>
<div align = center>
<%=userName%>
failure access!
</div>
</body>
</html>

 

servlet类，表单的数据需要提交到这个类进行处理（页面跳转的控制类），若要深入理解Form的提交和处理原理，则需要深入研究web的HTTP协议

loginServlet.java

package test.login;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class loginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

public loginServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response. setContentType ( "text/html" ) ;
// get username
String sUserName = request.getParameter("txtUserName") ;
// get password
String sPasswd = request.getParameter("txtPassword") ;
//test
System.out.println("username:"+sUserName+"\r\n"+"password:"+sPasswd);
request . getSession( ).setAttribute ( "UserName" , sUserName ) ;
request.getSession().setAttribute("password", sPasswd);
//just compare with hym&123,not do database operation
if(sUserName.equals("hym")&&sPasswd.equals("123"))
{
response. sendRedirect ("login_success.jsp") ;
}
else {
response. sendRedirect ("login_failure.jsp") ;
}
}
}


 

 

到目前为止，项目的主要的功能文件已经完成。但是还要在web.xml中注册项目运行的欢迎文件以及servlet的注册。（关于web.xml文件的工作原理有机会在补上了）

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <display-name>jspServletLoginTest</display-name>
<servlet>
<description>
</description>
<display-name>loginServlet</display-name>
<servlet-name>loginServlet</servlet-name>
<servlet-class>
test.login.loginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>loginServlet</servlet-name>
<url-pattern>/loginServlet</url-pattern>
</servlet-mapping>
<!-- 通过如下的设置web project在tomcat服务器上运行的时候，可以首先启动和运行webcontent目录下面
相应的页面，会根据welcome-file的list去检索 -->
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>


如此就实现了jsp+servlet实现的用户登录功能。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航