猫咪抱抱txt,海贼王之帝皇巅峰,埋伏电视连续剧
本文讲述使用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实现用户登录的简单介绍，希望对大家的学习有所帮助。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
apollo与springboot集成实现动态刷新配置的教程详解
网友评论