jsp+servlet实现简单登录页面功能(附demo)
目录
- 实现功能：
- 开发环境：
- 预备知识：
- 1.登录界面login.jsp：
- 2.登录成功界面hello.jsp：
- 3.登录失败信息回显Login.jsp：
- 思路简述：
- 具体代码Code：
实现功能：
模拟简单登录功能，登录成功跳转新页面，登录失败在原登录界面提示登录失败信息
开发环境：
- eclipse
- Tomcat-8.0
预备知识：
HTML标签，Servlet相关知识——请求的转发与重定向，jsp相关知识，EL表达式
思路实现：共2个jsp,一个servlet
1.登录界面login.jsp：
采用jsp，不采用html的原因是因为要进行登录失败信息回显（当然如果用html结合ajax也可以实现，这里采用jsp更方便）
如图：
2.登录成功界面hello.jsp：
欢迎信息+登录的用户名
如图：
3.登录失败信息回显Login.jsp：
如图：
思路简述：
问题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>
到此这篇关于jsp+servlet实现简单登录页面功能(附demo)的文章就介绍到这了,更多相关jsp+servlet登录页面内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
相关推荐
-
JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)
下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JS
-
servlet+jsp实现过滤器 防止用户未登录访问
我们可能经常会用到这一功能,比如有时,我们不希望用户没有进行登录访问后台的操作页面,而且这样的非法访问会让系统极为的不安全,所以我们常常需要进行登录才授权访问其它页面,否则只会出现登录页面,当然我的思路: 一种是在jsp页面进行session的判断,如果不存在该用户的session,就跳转到登录页面,否则执行jsp页面代码,但是你会发现这样做逻辑也简单,但是非常麻烦,如果有很多个jsp,那么就要写多个判断. 另一种则是利用过滤器,访问页面时都进行过滤验证,如果存在该用户session,则访问该页
-
JSP + Servlet实现生成登录验证码示例
随机生成四位数验证码,包括汉字,数字,英文大小写. 1.Servlet类 package servlet; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.geom.AffineTransform; import java.awt.geom.Line2D; i
-
在jsp中用bean和servlet联合实现用户注册、登录
声明:作者原创,版权所有.未经授权,不得转载 在jsp中用bean和servlet联合实现用户注册.登录 作者:imagebear版权:imagebear 本例需要的软件和运行环境:1.Windows2000 Server操作系统2.jdk1.43.JCreator2.5(java源码编辑调试器,吐血推荐!)4.Macromedia JRun MX5.Macromedia Dreamweaver MX(非必需)6.MySQL数据库(最好安装MySQL Control Center) 一.数据库设
-
Jsp+Servlet实现简单登录注册查询
本文实例为大家分享了Jsp+Servlet实现简单登录注册查询的具体代码,供大家参考,具体内容如下 1.注册功能: 制作一个注册页面 用户输入: 用户名 密码 年龄 注册成功:-->跳转至登录页面进行登录 注册失败:-->文字或其他形式的提示皆可 2.简易查询: 制作一个查询页面 输入用户名 显示该用户的用户名.密码.年龄 演示 1.启动进入登陆页面 2.点击注册,进入注册页面,成功跳转到登录页面 失败则提示 回到登录页面,登录成功进入查询页面 登录失败显示提示信息 输入用户名->显示该
-
JSP+Servlet制作Java Web登录功能的全流程解析
0.新建web项目 首先,在MyEclipse里新建java web项目,项目名为login.此时,项目中包含一个src文件夹和一个WebRoot文件夹,以及Java Web自带的JRE库文件夹和J2EE库文件夹.其中,在WebRoot文件夹下,包含了WEB-INF文件夹和一个index.jsp页面文件. 接下来,新建一个JSP页面,命名为login.jsp. 项目文件的结构如下: 1.设计login.jsp页面 打开login.jsp页面后,修改第一行的代码为pageEncoding="utf
-
Servlet+JavaBean+JSP打造Java Web注册与登录功能
采用Java Web所实现的MVC结构图如下,其中控制器部分采用Servlet来实现,模型部分采用JavaBean来实现,而大部分的视图采用Jsp页面来实现. 思想基础 JSP+JavaBean两层结构工作原理应该是比较熟悉的,也比较好理解. 但是有一点必须要清楚就是用户通过浏览器来发送网页的请求,此请求到达服务器后在服务器端查找对应的网页,如果是首次请求(第二次就不用解释执行了),对于JSP来说要生成Servlet,然后通过Servlet引擎来执行 Servlet,把调用JavaBean的结果
-
JSP+Servlet+JavaBean实现登录网页实例详解
本文实例讲述了JSP+Servlet+JavaBean实现登录网页的方法.分享给大家供大家参考.具体如下: 这里涉及到四个文件: 1. 登录页面:login.html 2. 登录成功欢迎页面:login_success.jsp 3. 登录失败页面:login_failure.jsp 4. Servlet处理文件:LoginServlet.java 其实还涉及到一个文件:web.xml,这个后面再说: 下面分别介绍这几个文件: 1. 登录页面:login.html <!-- 该Login页面是一个
-
jsp+servlet实现简单登录页面功能(附demo)
目录 实现功能: 开发环境: 预备知识: 1.登录界面login.jsp: 2.登录成功界面hello.jsp: 3.登录失败信息回显Login.jsp: 思路简述: 具体代码Code: 实现功能: 模拟简单登录功能,登录成功跳转新页面,登录失败在原登录界面提示登录失败信息 开发环境: eclipse Tomcat-8.0 预备知识: HTML标签,Servlet相关知识--请求的转发与重定向,jsp相关知识,EL表达式 思路实现:共2个jsp,一个servlet 1.登录界面login.jsp
-
SpringBoot创建JSP登录页面功能实例代码
添加JSP配置 1.pom.xml添加jsp解析引擎 <dependency> <groupId>org.apache.tomcat.embed</groupId> <artifactId>tomcat-embed-jasper</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>javax.s
-
使用Java servlet实现自动登录退出功能
UserDao.java从数据库中查询用户名与密码 //登录 public User login(User user) throws SQLException { QueryRunner qr = new QueryRunner(DataSourceUtils.getDataSource()); String sql = "select from user where username = ? and password = ?"; return qr.query(sql, new Be
-
java web实现简单登录注册功能全过程(eclipse，mysql)
目录 1.工程文件 2.DBBean.java 3.login.jsp 4.check.jsp 5.zhuce.jsp 6.zhuceck.jsp 7.success.jsp 8.zhucesu.jsp 9.数据库创造 总结 1.工程文件 基本的文件布局,没使用任何css文件,就是简单实现登录注册,页面没有做任何美化: 使用的是MySQL8.0.12,8一下的mysql链接代码有微小差别,网上教程基本都是8一下的,随便找找就能找到: 2.DBBean.java package Bean; imp
-
纯JSP实现的简单登录示例
本文实例讲述了纯JSP实现的简单登录的方法.分享给大家供大家参考,具体如下: 文件共有四个web.xml.login.jsp.logout.jsp.welcome.jsp四个文件 测试环境:Tomcat 6.0.x 假设项目名称是LoginSample,我的目录结构是这样的 ...\webapps\LoginSample\WEB-INF\web.xml ...\webapps\LoginSample\login.jsp ...\webapps\LoginSample\logout.jsp ...
-
使用Vue.js和Element-UI做一个简单登录页面的实例
最近了解到Vue.js挺火的,有同学已经学习了,那我心里痒痒的也学习了一点,然后也学了一点Element组件,就做了简单的登录页面. 效果很简单: 代码如下: 前端页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" hr
-
ajax实现简单登录页面
本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下 一.什么是ajax Ajax是一种无需重新加载整个网页,能够更新部分网页的技术. 二.ajax的工作原理 Ajax工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容,这样就实现了一个静态页面也能获取到数据库中的返回数据信息了. 所以Ajax实现了一个静态网页在不刷新整个页面的情况下与服务器通信,减少了用户等待时间,同时降低了网络流量,增强了客户体验的友好程度. 三.用ajax实现简单的登录页面 1.aja
-
jsf实现微信小程序简洁登录页面（附源码）
上图: 用户不存在: 代码: login.wxml <view class="v1" style="height:{{clientHeight?clientHeight+'px':'auto'}}"> <!-- v2父容器 子view使用绝对布局 --> <view class="v2"> <view class="dltext" style="wi