JSP实现用户登录、注册和退出功能_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个小问题。

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

4.2关于JSP页面的编译报错问题。

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

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

以上即为使用JSP实现用户登录的简单介绍，希望对大家的学习有所帮助。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索JSP用户登录
， JSP用户注册
JSP用户退出
jsp实现用户登录、jsp实现修改用户信息、jsp实现用户注册、使用jsp实现用户登录、java实现用户退出登录，以便于您获取更多的相关知识。

时间： 2024-09-12 02:01:10

JSP实现用户登录、注册和退出功能_JSP编程的相关文章

JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)_java

下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JS

使用JSP实现用户登录

本文讲述使用JSP实现用户登录,包括用户登录.注册和退出功能等. 1.系统用例图 2.页面流程图 3.数据库设计 本例使用oracle数据库 创建用户表 包括id,username,password和email,共4个字段   [sql] view plain copy   -- Create table   create table P_USER   (     id       VARCHAR2(50) not null,     username VARCHAR2(20),     pas

Flash和ASP实现的用户登录/注册程序

核心提示:Flash和ASP实现的用户登录/注册程序教程. Flash一帧可以完成.asp也可以一个文件完成,这里我将用户登录和用户注册分为两步做,方便大家理解,Flash分两帧,asp分两个文件. 准备: Flash8 , IIS ,Miscrosoft Access 2003; 开始: 数据库中: 用设计视图新建一个名为 UserTable 的表,三个字段分别为 id 为自动编号,username为文本,password为文本; 输入一条数据 username 和 password 都为ch

方法-android用户登录异机退出提示

问题描述 android用户登录异机退出提示 A用户登录系统,B用户用A的帐号也登录系统,A用户弹出退出系统提示,这种技术实现方法叫什么?逻辑思路是怎么样子的?最好有个demo.在线等!!!! 解决方案 不能沉不能沉不能沉不能沉 解决方案二: 这个服务器端会做处理. A登录123这个账号的时候数据库中会有记录,这时B登录123这个账号了,在保存登录记录的时候发现这个这账号已经被A登录了.所以发送一个通知给A,告知A当前登录的账号在另外一个地方正在登录. 具体的实习技术叫什么不知道,但以前自己就是

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和Struts解决用户退出问题_JSP编程

在一个有密码保护的Web应用中,正确处理用户退出过程并不仅仅只需调用HttpSession的invalidate()方法.现在大部分浏览器上都有后退和前进按钮,允许用户后退或前进到一个页面.如果在用户在退出一个Web应用后按了后退按钮浏览器把缓存中的页面呈现给用户,这会使用户产生疑惑,他们会开始担心他们的个人数据是否安全.许多Web应用强迫用户退出时关闭整个浏览器,这样,用户就无法点击后退按钮了.还有一些使用javascript,但在某些客户端浏览器这却不一定起作用.这些解决方案都很笨拙且不能保

图文演示Flash+ASP实现用户登录/注册程序第1/2页_Flash As

Flash一帧可以完成.asp也可以一个文件完成,这里我将用户登录和用户注册分为两步做,方便大家理解,Flash分两帧,asp分两个文件. 准备: Flash8 , IIS ,Miscrosoft Access 2003; 开始: 数据库中: 用设计视图新建一个名为 UserTable 的表,三个字段分别为 id 为自动编号,username为文本,password为文本;输入一条数据 username 和 password 都为chooseflash; 如图: Flash中: 新建文件命名为l

ecmall用户登录后自动退出解决方法

国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私募机构九鼎控股打造,九鼎投资是在全国股份转让系统挂牌的公众公司,股票代码为430719,为"中国PE第一股",市值超1000亿元.  ------------------------------------------------------------------------------

JSP+Servlet+JavaBean实现登录网页实例详解_JSP编程

本文实例讲述了JSP+Servlet+JavaBean实现登录网页的方法.分享给大家供大家参考.具体如下: 这里涉及到四个文件: 1. 登录页面:login.html 2. 登录成功欢迎页面:login_success.jsp 3. 登录失败页面:login_failure.jsp 4. Servlet处理文件:LoginServlet.java 其实还涉及到一个文件:web.xml,这个后面再说: 下面分别介绍这几个文件: 1. 登录页面:login.html <!-- 该Login页面是一个