jsp+servlet实现简单登录页面功能Demo

jsp+servlet实现简单登录页面功能Demo小白新路历程-1[转载请联系本人]实现功能:模拟简单登录功能,登录成功跳转新页面,登录失败在原登录界面提示登录失败信息开发环境:eclipseTomcat-8.0预备知识:HTML标签,Servlet相关知识——请求的转发与重定向,jsp相关知识,EL表达式思路实现:共2个jsp,一个servlet1.登录界面login.jsp:采用jsp,不采用html的原因是因为要进行登录…

大家好,又见面了,我是你们的朋友全栈君。

小白新路历程-1          

实现功能:

模拟简单登录功能,登录成功跳转新页面,登录失败在原登录界面提示登录失败信息

开发环境:

eclipse

Tomcat-8.0

预备知识:

HTML标签,Servlet相关知识——请求的转发与重定向,jsp相关知识,EL表达式

思路实现:共2个jsp,一个servlet

1.登录界面login.jsp:

采用jsp,不采用html的原因是因为要进行登录失败信息回显(当然如果用html结合ajax也可以实现,这里采用jsp更方便)

如图:

jsp+servlet实现简单登录页面功能Demo

2.登录成功界面hello.jsp:

欢迎信息+登录的用户名

如图:

jsp+servlet实现简单登录页面功能Demo

3.登录失败信息回显Login.jsp:

如图:

jsp+servlet实现简单登录页面功能Demo

思路简述:

    问题1:jsp页面如何与一个java类进行连接绑定起来?

                简单的说,一个jsp页面要跟一个servlet进行连接,需要有一个桥梁,这个桥梁就是web.xml文件,可以通过下面代码观察到,登录页面的表单的提交的action属性值,填写的就是在web.xml文件里对应的servlet-mapping中的url-pattern的值,而这个值又对应了一个servlet-name,servlet-name则对应到一个servlet-class,这样就把jsp和java类(servlet类)进行了关联。
其实我觉得最明显的就是提交表单后,url地址变化了,通过这个url地址将表单信息传给了对应的java类。

    问题2:实现的整体的思路是怎么样的?

                一个jsp页面通过表单元素,将用户信息通过url的形式提交给一个已经在web.xml配置映射好的servlet类,servlet类接收到传来的表单信息,进行值校验(为了方便起见则直接定义用户名密码了,正常情况下是要采用jdbc进行从数据库中取出值进行校验的),然后对校验结果进行判断,如果账户密码正确,则跳转到登录成功的页面(采用重定向),如果失败,则将登录失败的提示信息存到request域对象中并返回登录界面显示出来(采用请求的转发)

简单的联系:

jsp页面<———->web.xml<———>servlet类

    问题3:在servlet中要如何获取jsp中提交过来的表单信息呢?

                request.getParameter(“userName”);//userName是表单中,input标签中name属性的值,接收到的是string类型

    问题4:登录页面如何在登录失败的时候给出提示信息呢?

                实现思路是如果登录失败,则往request域对象中存入登录失败的提示信息,然后通过请求的转发的方式跳转回登录页面并显示,所以登录界面要嵌入一段脚本代码,用来判断当前是否有登录失败提示信息的对象,如果有则将该对象保存的信息打印出来,如果没有则什么都不显示。

1)如果账密不匹配,则往request域中存入message对象,该message中保存了提示信息:request.setAttribute(“message”, “账密错误,请重新登录<br>”);

并转发到登录页面:request.getRequestDispatcher(“/loginDemo/login.jsp”).forward(request, response);

 

2)在登录页面获取该对象:(因为登录失败的时候才有该对象,疑问:那如果我登录失败后再访问登录页面,那不应该会显示错误信息吗?答案是否定的。可了解request域对象生命周期相关知识

               <%

                       if(request.getAttribute(“message”)!= null){

        out.print(request.getAttribute(“message”));

 

               }

 

                %>

     问题5:request.getAttribute()和request.getParameter()区别是:

                前者获取的是一个object对象,后者获取的是一个string字符串,所以前者使用的时候可能会碰到需要做一些类型转换的情况。

     问题6:表单访问路径填写问题

                在ation属性,或者请求的转发,重定向,一般采用绝对路径,可以避免路径访问出错,访问资源不存在等问题。

                jsp表达式:<%=request.getContextPath()%>或者用EL表达式:${ pageContext.request.contextPath }可以获取当前web应用根目录路径,不妨试试输出打印下,就可以观察值是多少了。

具体代码Code:

1.login.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>标题</title>
<style type="text/css">
	*{margin: 0;padding: 0;}
	form{margin: 0 auto;padding:15px; width: 300px;height:300px;text-align: center;}
	#submit{padding: 10px}
	#submit input{width: 50px;height: 24px;}
</style>
</head>
<body>
	<div class="wrapper">
		<form action="<%=request.getContextPath()%>/loginDemo" method="post">
			<label>用户名:</label>
				<input type="text" name="userName" value="${param.userName}"/><br><br>
			<label>密码:</label>
				<input type="password" name="password"/><br>
				
			<font color="red">
				<%
					if(request.getAttribute("message")!= null){
						out.print(request.getAttribute("message"));
					}
				%>
			</font>
			
			<div id="submit">
				<input type="submit" value="登录"/>
			</div>
		</form>
	
	</div>
</body>
</html>

2.hello.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>标题</title>
</head>
<body>
	Hello:<br>
	<font color="green" size="22">
		<%
			out.print(request.getParameter("userName")+"<br>");
		%>
	</font>
	<a href="<%=request.getContextPath()%>/loginDemo/login.jsp">重新登录</a>
</body>
</html>

3.对应的LoginServlet.java

package loginDemo;

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;

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String userName = request.getParameter("userName");
		String password = request.getParameter("password");
		System.err.println(userName+";"+password);
		String myUser = "Dong";
		String myPwd = "5432100";
		if(userName.equals(myUser)&&password.equals(myPwd)) {
			response.sendRedirect(request.getContextPath()+"/loginDemo/hello.jsp?userName="+userName);
		}else {
			request.setAttribute("message", "账密错误,请重新登录<br>");
			request.getRequestDispatcher("/loginDemo/login.jsp").forward(request, response);
		}
		
	}

}

4.对应的web.xml的配置(注册)与映射

  <servlet>
      <servlet-name>logindemo</servlet-name>
      <servlet-class>loginDemo.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>logindemo</servlet-name>
      <url-pattern>/loginDemo</url-pattern>
  </servlet-mapping>

留言Message:本人小白,以上仅个人学习心得,欢迎评论区dd,有错误欢迎指出,互相学习,感谢~
 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150190.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月18日 下午7:16
下一篇 2022年6月18日 下午7:16


相关推荐

  • 京东商城2020年销售额_天猫精灵怎么激活互联网

    京东商城2020年销售额_天猫精灵怎么激活互联网今日看点✦2020天猫双11全球狂欢季总成交额4982亿,超450个品牌成交额过亿✦京东11.11全球热爱季累计下单金额超2715亿,再创纪录✦百度整合好看视频和全民小视频,升级为…

    2025年7月29日
    4
  • Jenkins学习——Jenkins是什么

    Jenkins学习——Jenkins是什么Jenkins是什么     对于Jenkins是什么,百度百科给的答案是这样的:Jenkins是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能。     通过这句话,我们可以得到这样的一个信息——Jenkins是一个开源的东东,好像跟持续集成开发有关系(然而我们并不知道持续集成开发是什么东东)。     通俗的说,就我目前的理解

    2022年5月5日
    50
  • Vue3如何关闭eslint

    Vue3如何关闭eslintvue3

    2022年5月6日
    46
  • 阿里面试官问我,你们的需求研发/开发流程是怎样的?我???

    阿里面试官问我,你们的需求研发/开发流程是怎样的?我???这可能是全网第一篇揭秘阿里,腾讯,字节这样的大厂研发流程的文章。

    2022年6月16日
    38
  • RHS 和 LHS

    RHS 和 LHS不成功的的 RHS 引用会导致抛出 ReferenceErr 异常不成的的 LHS 引用会导致自动隐式地创建一个全局变量 非严格模式下 functionfoo a varb a

    2026年3月17日
    2
  • Pycharm添加源与添加库

    Pycharm添加源与添加库Pycharm 添加源与添加库 Pycharm 添加源 1 点击 file 选择 settings 进入到 package 添加界面 2 点击右上角加号 3 点击左下角 managereposi 点击右上角加号 5 输入你需要的源添加库 1 前两步跟上面一样 2 搜索框输入你要的库 3 等待安装成功 Pycharm 添加源 1 点击 file 选择 settings 进入到 package 添加界面 2 点击右上角加号

    2026年3月27日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号