JSP登录案例

最新推荐文章于 2023-03-21 18:45:56 发布

夏天的风欧阳冰嫣

最新推荐文章于 2023-03-21 18:45:56 发布

阅读量1.2k

点赞数 1

分类专栏：后端开发，前端开发

本文链接：https://blog.csdn.net/wenjiusui8083/article/details/78894159

版权

后端开发，前端开发专栏收录该内容

15 篇文章 0 订阅

订阅专栏

编辑于２０１７圣诞节,加油

项目运行，在login.jsp处点击上方的绿色运行，或者右键项目run on server.

１．项目目录

直接把写好的前端目录整个复制到WebContent目录下(包括js和css文件夹，注意文件的相对路径)：

(自己写css文件时候，引入背景图片，image文件夹要相对于.css文件的位置写路径，而不是.html文件)

２．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>

５．fail.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">
		用户名或密码错误，请重新登录
      <a href="login.jsp"><font color="red">返回</font></a>		
	</div>
</body>
</html>

总结：

用到了

１．解决中文乱码：

 request.setCharacterEncoding("utf-8"); /

２．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

夏天的风欧阳冰嫣

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JSP登录案例

编辑于２０１７圣诞节,加油项目运行，在login.jsp处点击上方的绿色运行，或者右键项目run on server.１．项目目录直接把写好的前端目录整个复制到WebContent目录下(包括js和css文件夹，注意文件的相对路径)：(自己写css文件时候，引入背景图片，image文件夹要相对于.css文件的位置写路径，而不是.html文件)２．login.js
复制链接

扫一扫