简单登陆Login

java代码:

package com.wangbingan.vip.servlet;

import java.io.IOException;
import javax.servlet.RequestDispatcher;
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 void doPost(HttpServletRequest request, HttpServletResponse response)
			throws IOException, ServletException {

		// 获取参数
		String userName = request.getParameter("username");
//
//		String passWord = request.getParameter("password");

		// 设置编码
		response.setContentType("text/html;charset=UTF-8");
		// 响应客户端的响应流
		// PrintWriter write = response.getWriter();
		// write.print("<table border='1' align='center' bgcolor='#999999'");
		// write.print("<tr>");
		// write.print("<th>" + "用户名" + "</th>");
		// write.print("<th>" + "密码" + "</th>");
		// write.print("</tr>");
		// write.print("<tr>");
		// write.print("<td>" + userName + "</td>");
		// write.print("<td>" + passWord + "</td>");
		// write.print("</tr>");
		// write.print("</table>");

		// 收集参数
		request.setAttribute("username", userName);
		
//		request.setAttribute("password", passWord);

		RequestDispatcher dispatcher = request
				.getRequestDispatcher("WEB-INF/person/login.jsp");

		dispatcher.forward(request, response);

		// 关闭流
		// write.close();
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws IOException, ServletException {

		this.doPost(request, response);
	}

}

JSP登陆页面:

<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700' rel='stylesheet' type='text/css'>
</head>
<script>
	var username="";
	var password="";
	function login(){
		
		username=$("#username").val();
		
		password=$("#password").val();
		
		alert('用户名'+username+'密码'+password);
		
		window.location.href="LoginServlet?username="+username+"&password="+password;
	}
</script>
<body>
	<div class="main">
		<div class="login-form">
			<h1>Member Login</h1>
					<div class="head">
						<img src="images/user.png" alt=""/>
					</div>
				<form>
						<input type="text" class="text" value="USERNAME" id="username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'USERNAME';}" >
						<input type="password" value="Password"  id="password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
						<div class="button">
							<input type="button" onclick="login()" value="LOGIN" >
						</div>	
					<p><a href="#">Forgot Password ?</a></p>
				</form>
			</div>
		</div>
	</body>
</html>

JSP返回登陆页面:

<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%-- 
<%=request.getParameter("password") %> 
--%>
</head>
<body>
	<center>
	恭喜<font color="red" size='5'><%=request.getParameter("username")%></font>登录成功!<br>
	恭喜<font color="red" size='5'>${param.username}</font>登录成功!<br>
	恭喜<font color="red" size='5'><%=request.getAttribute("username") %></font>登录成功!<br>
	恭喜<font color="red" size='5'>${requestScope.username}</font>登录成功!
	</center>
</body>
</html>

web.xml文件配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	id="WebApp_ID" version="3.0">
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
<servlet>
		<servlet-name>LoginServlet</servlet-name>
		<servlet-class>com.wangbingan.vip.servlet.LoginServlet</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>LoginServlet</servlet-name>
		<url-pattern>/LoginServlet</url-pattern>
	</servlet-mapping>
	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>com.wangbingan.vip.filter.EncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>UTF-8</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
</web-app>

需要引入:jquery-1.4.4.min.js,style.css,user.png图片

jquery-1.4.4.min.js,百度就能下载

需要css和图片可以联系我!

你可能感兴趣的:(servlet,login,登陆)