编辑于2017圣诞节,加油
项目运行,在login.jsp处点击上方的绿色运行,或者右键项目run on server.
1.项目目录
直接把写好的前端目录整个复制到WebContent目录下(包括js和css文件夹,注意文件的相对路径):
(自己写css文件时候,引入背景图片,image文件夹要相对于.css文件的位置写路径,而不是.html文件)
2.login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="head">
<h1>欢迎访问</h1>
</div>
<div class="main">
<form action="dologin.jsp" method="post" class="form">
<p class="in">
<label>用户名</label>
<input type="text" name="name" value="">
<label>密码</label>
<input type="text" name="password" value="">
</p>
<p class="space">
<input type="submit" name="submit" value="登录" class="login">
</p>
</form>
</div>
</body>
</html>
3.doLogin.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>dologin</title>
</head>
<body>
<%
request.setCharacterEncoding("utf-8"); //字符集使用utf-8编码,解决中文乱码
String name=request.getParameter("name");
String password = request.getParameter("password");
if("admin" .equals(name) && "admin".equals(password)){
//把对象绑定到会话上(直到关闭浏览器)
session.setAttribute("loginuser",name);
request.getRequestDispatcher("welcome.jsp").forward(request, response);
}else{
response.sendRedirect("fail.jsp");
}
%>
</body>
</html>
4.welcome.jsp登录成功页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录成功页面</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="head">
<h1>欢迎访问</h1>
</div>
<div class="main">
<%
//防止登录名为空,会抛出异常
String loginuser = "";
if(session.getAttribute("loginuser")!= null){
loginuser = session.getAttribute("loginuser").toString(); //session获得绑定属性
}
%>
<h1>恭喜你<%=loginuser %>登录成功</h1>
姓名:<%=request.getParameter("name") %><br>
密码:<%=request.getParameter("password") %><br>
恭喜你<font color="red"><%=loginuser %></font>登录成功
<br>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="head">
<h1>欢迎访问</h1>
</div>
<div class="main">
用户名或密码错误,请重新登录
<a href="login.jsp"><font color="red">返回</font></a>
</div>
</body>
</html>
总结:
用到了
1.解决中文乱码:
request.setCharacterEncoding("utf-8"); /
2.JSP内置对象
request请求转发:request.getRequestDispatcher("welcome.jsp").forward(request,response);//登录成功,请求转发,(服务器端行为),地址栏的URL不会改变.
response请求重定向:response.sendRedirect("fail.jsp");//请求失败,(客户端行为)地址栏的地址会改变.
session会话技术,在浏览器关闭前会一直保存属性,置顶名称绑定对象:
session.setAttribute("loginuser",name); //dologin.jsp
session.getAttribute("loginuser"); //welcome.jsp