使用JSP实现用户登录

本文讲述使用JSP实现用户登录，包括用户登录、注册和退出功能等。

1.系统用例图

2.页面流程图

3.数据库设计

本例使用oracle数据库

创建用户表

包括id，username，password和email，共4个字段

-- Create table
create table P_USER
(
  id       VARCHAR2(50) not null,
  username VARCHAR2(20),
  password VARCHAR2(20),
  email    VARCHAR2(50)
)
tablespace USERS
  pctfree 10
  initrans 1
  maxtrans 255
  storage
  (
    initial 64
    minextents 1
    maxextents unlimited
  );
-- Add comments to the table
comment on table P_USER
  is '用户表';
-- Add comments to the columns
comment on column P_USER.id
  is 'id';
comment on column P_USER.username
  is '用户名';
comment on column P_USER.password
  is '密码';
comment on column P_USER.email
  is 'email';

4.页面设计

4.1登录页面

login.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>登录页面</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>

  <body>
	<form action="login_action.jsp" method="post">
		<table>
			<tr>
				<td colspan="2">登录窗口</td>
			</tr>
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="username" />
				</td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="text" name="password" />
				</td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="登录" /> <a href="register.jsp">注册</a>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

页面效果

3.2登录逻辑处理页面

login_action.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

  <%
  String username = request.getParameter("username");
  String password = request.getParameter("password");
  if(username==null||"".equals(username.trim())||password==null||"".equals(password.trim())){
	  //out.write("用户名或密码不能为空！");
	  System.out.println("用户名或密码不能为空！");
	  response.sendRedirect("login.jsp");
	  return;
	  //request.getRequestDispatcher("login.jsp").forward(request, response);
  }
  boolean isValid = false;
  Connection con = null;// 创建一个数据库连接
  PreparedStatement pre = null;// 创建预编译语句对象，一般都是用这个而不用Statement
  ResultSet result = null;// 创建一个结果集对象
  try
  {
      Class.forName("oracle.jdbc.driver.OracleDriver");// 加载Oracle驱动程序
      //System.out.println("开始尝试连接数据库！");
      String url = "jdbc:oracle:" + "thin:@127.0.0.1:1521:orcl";// 127.0.0.1是本机地址，orcl是Oracle的默认数据库名
      String user = "scott";// 用户名,系统默认的账户名
      String pwd = "tiger";// 你安装时选设置的密码
      con = DriverManager.getConnection(url, user, pwd);// 获取连接
     // System.out.println("连接成功！");
      String sql = "select * from p_user where username=? and password=?";// 预编译语句，“？”代表参数
      pre = con.prepareStatement(sql);// 实例化预编译语句
      pre.setString(1, username);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
      pre.setString(2, password);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
      result = pre.executeQuery();// 执行查询，注意括号中不需要再加参数
      if (result.next()){
    	  isValid = true;
      }
  }
  catch (Exception e)
  {
      e.printStackTrace();
  }
  finally
  {
      try
      {
          // 逐一将上面的几个对象关闭，因为不关闭的话会影响性能、并且占用资源
          // 注意关闭的顺序，最后使用的最先关闭
          if (result != null)
              result.close();
          if (pre != null)
              pre.close();
          if (con != null)
              con.close();
          //System.out.println("数据库连接已关闭！");
      }
      catch (Exception e)
      {
          e.printStackTrace();
      }
  }
  if(isValid){
	  System.out.println("登录成功！");
	  session.setAttribute("username", username);
	  response.sendRedirect("welcome.jsp");
	  return;
  }else{
	  System.out.println("登录失败！");
	  response.sendRedirect("login.jsp");
	  return;
  }
  %>

使用JDBC连接数据库，如果用户名或密码为空时，还是跳转到登录页面login.jsp

如果用户名和密码不为空，进行连接数据库查询用户表，如果能够查询到记录，表示登录成功，将用户信息保存到session，跳转到欢迎页面welcome.jsp

如果根据用户名和密码查询不到记录，表示登录失败，重新跳转到登录页面login.jsp

3.3欢迎页面

welcome.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'welcom.jsp' starting page</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>

  <body>
	<table>
		<tr>
			<td><img src="images/logo4.png" />
			</td>
			<td><img src="images/logo2.png" height="90" />
			</td>
		</tr>
		<tr>
			<td colspan="2"><hr />
			</td>
		</tr>
		<tr>
			<td>
				<table>
					<tr>
						<td><a>Main</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu1</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu2</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu3</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu4</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu5</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu6</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu7</a>
						</td>
					</tr>
					<tr>
						<td><a>Menu8</a>
						</td>
					</tr>
				</table></td>
			<td>
				<form action="loginout.jsp" method="post">
					<table>
						<tr>
							<td colspan="2">登录成功!</td>
						</tr>
						<tr>
							<td>欢迎你，</td>
							<td>${username }</td>
						</tr>
						<tr>
							<td colspan="2"><input type="submit" value="退出" /></td>
						</tr>
					</table>
				</form></td>
		</tr>
	</table>
</body>
</html>

使用EL表达式展示用户信息

效果

3.4欢迎页退出逻辑处理页面

loginout.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'loginout.jsp' starting page</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>

  <body>
   <%
   session.removeAttribute("username");
   response.sendRedirect("login.jsp");
   %>
  </body>
</html>

将session的用户信息移除，跳转到登录页面login.jsp

3.5注册页面

register.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>注册页面</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>

  <body>
	<form action="register_action.jsp" method="post">
		<table>
			<tr>
				<td colspan="2">注册窗口</td>
			</tr>
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="username" /></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="text" name="password1" /></td>
			</tr>
			<tr>
				<td>确认密码：</td>
				<td><input type="text" name="password2" /></td>
			</tr>
			<tr>
				<td>email：</td>
				<td><input type="text" name="email" /></td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="注册" /> <a href="login.jsp">返回</a></td>
			</tr>
		</table>
	</form>
</body>
</html>

当在登录页面点击“注册“时打开用户注册页面

效果

3.6注册逻辑处理页面

register_action.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
  <%
  String username = request.getParameter("username");
  String password1 = request.getParameter("password1");
  String password2 = request.getParameter("password2");
  String email = request.getParameter("email");
  if(username==null||"".equals(username.trim())||password1==null||"".equals(password1.trim())||password2==null||"".equals(password2.trim())||!password1.equals(password2)){
	  //out.write("用户名或密码不能为空！");
	  System.out.println("用户名或密码不能为空！");
	  response.sendRedirect("register.jsp");
	  return;
	  //request.getRequestDispatcher("login.jsp").forward(request, response);
  }
  boolean isValid = false;
  Connection con = null;// 创建一个数据库连接
  PreparedStatement pre = null;// 创建预编译语句对象，一般都是用这个而不用Statement
  ResultSet result = null;// 创建一个结果集对象
  try
  {
      Class.forName("oracle.jdbc.driver.OracleDriver");// 加载Oracle驱动程序
      //System.out.println("开始尝试连接数据库！");
      String url = "jdbc:oracle:" + "thin:@127.0.0.1:1521:orcl";// 127.0.0.1是本机地址，orcl是Oracle的默认数据库名
      String user = "scott";// 用户名,系统默认的账户名
      String pwd = "tiger";// 你安装时选设置的密码
      con = DriverManager.getConnection(url, user, pwd);// 获取连接
     //System.out.println("连接成功！");
      String sql = "select * from p_user where username=?";// 预编译语句，“？”代表参数
      pre = con.prepareStatement(sql);// 实例化预编译语句
      pre.setString(1, username);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
      result = pre.executeQuery();// 执行查询，注意括号中不需要再加参数
      if (!result.next()){
    	  sql = "insert into p_user(id,username,password,email) values(?,?,?,?)";// 预编译语句，“？”代表参数
          pre = con.prepareStatement(sql);// 实例化预编译语句
          pre.setString(1, System.currentTimeMillis()+"");// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
          pre.setString(2, username);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
          pre.setString(3, password1);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
          pre.setString(4, email);// 设置参数，前面的1表示参数的索引，而不是表中列名的索引
          pre.executeUpdate();// 执行
    	  isValid = true;
      }
  }
  catch (Exception e)
  {
      e.printStackTrace();
  }
  finally
  {
      try
      {
          // 逐一将上面的几个对象关闭，因为不关闭的话会影响性能、并且占用资源
          // 注意关闭的顺序，最后使用的最先关闭
          if (result != null)
              result.close();
          if (pre != null)
              pre.close();
          if (con != null)
              con.close();
          //System.out.println("数据库连接已关闭！");
      }
      catch (Exception e)
      {
          e.printStackTrace();
      }
  }
  if(isValid){
	  System.out.println("注册成功，请登录！");
	  response.sendRedirect("login.jsp");
	  return;
  }else{
	  System.out.println("用户名已存在！");
	  response.sendRedirect("register.jsp");
	  return;
  }
  %>

首先判断用户名和密码是否为空，以及密码和确认密码是否一致，如果上述条件不成立时，返回到注册页面register.jsp

如果上述条件成立，就根据用户名到数据库查询，如果能够查询到记录，说明用户名已经存在，返回到注册页面register.jsp

如果查询不到记录，说明此用户名可用来进行注册，使用JDBC向用户表 插入1条记录；之后跳转到登录页面login.jsp

4.总结

本例使用JSP实现用户登录，编写过程中，主要遇到了2个小问题。

一：查询之后，判断记录是否存在，需要使用 if (!result.next())，而不是通常查询中使用的while循环，这一点需要注意，特别是在处理注册时

二：关于JSP页面的编译报错问题

当在JSP小脚本中中使用return时要慎重，很可能会出现编译错误

处理方法是，JSP主页面只使用JSP小脚本，保证return之后没有还需要编译的内容即可

以上即为使用JSP实现用户登录的简单介绍，还需要不断完善。

时间： 2024-10-10 04:01:18

使用JSP实现用户登录的相关文章

JSP实现用户登录样例

业务描述 用户在login.jsp页面输入用户名密码登录: 如果用户名为xingoo,密码为123,则跳转到成功界面login_success.jsp,并显示用户登录的名字: 如果用户名密码错误,则跳转到失败界面login_failure.jsp,并提示返回登录界面. login.jsp代码 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="ut

纯JSP实现用户登录注册，记事本

没有美化,没有格式,没有样式 1.JSP登陆注册 将用户注册的信息保存在application对象中,用于登录时的验证. 首页如下: 如果未登录,在  session 中找不到 currentUser 的值,则直接跳转到其他页面. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE htm

【MVC】Servlet+Jsp+MySql用户登录实例

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文要用Servlet+Jsp+MySql实例用户登录,并简要介绍了下MVC的思想,此例子也是按照这个思路来做的.在Eclipse+tomcat7.0上做的.不会很难,对于了解MVC思想很有帮助! 效果: 这是刚开始的界面 这是错误时的信息 这是成功时的信息 一.MVC简介 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(control

Java WEB 用户登录+Cookie技术

   login.jsp................................用户登录页面 dologin.jsp............................处理用户登录逻辑,用户验证用户登录,保存用户登录状态到Session user.jsp.................................读取Seesion状态,显示用户信息 login.jsp代码示例: 1 <%@ page language="java" import="ja

javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册

一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML.Xpat

javaweb学习总结——基于Servlet+JSP+JavaBean开发模式的用户登录注册

一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML.Xpat

Java Web学习(30)： 使用JSP+Servlet+JavaBean实现用户登录

实现用户登录 用户名admin,密码admin,登录成功使用服务器内部跳转到login_success2.jsp页面,并且提示登录成功的用 户名,如果登录失败则跳转到login_failure2.jsp页面. 之前我们使用JSP实现过,也JSP+JavaBean实现过,这一次我们更加细化,使用JSP+Servlet+JavaBean实现用 户登录,好多的源码也是在前面写过. 我们先来看整体的目录结构: 再来看看源代码: 实体类Users.java源代码: package com.entity;

对基于Servlet+JSP+JavaBean开发模式的用户登录注册的升级

还记得我前面所写的博文基于Servlet+JSP+JavaBean开发模式的用户登录注册吗?我们以前是创建代表数据库的xml文件来保存用户信息的,现在我们已经学习了数据库相关的知识,所以应把xml换成数据库,升级成数据库应用. 我们在把以前的工程复制并拷贝时,假设以前的工程名是day09_user,现复制一份并拷贝,重新修改工程名为day14_user,此刻将其直接部署在tomcat服务器上,那么day14_user这个JavaWeb应用映射的虚拟目录仍然是"/day09_user",

Java Web学习(19)：阶段项目之使用JSP+JavaBean完成用户登录

Model1简介 Java Web应用程序的开发总体上来说有两个模型就是Model1和Model2.Model1模型出现前,整个Web应用 的情况:几乎全部由JSP页面组成,JSP页面接收处理客户端请求,对请求处理后直接做出响应.这样的弊端显露无 疑:在界面层充斥着大量的业务逻辑的代码和数据访问层的代码,Web程序的可扩展性和可维护性特别差. JavaBean的出现可以使JSP页面中使用JavaBean封装的数据或者调用JavaBean的业务逻辑代码,这样大大提高 了程序的可维护性. Model