Servlet+JavaBean+JSP打造Java Web注册与登录功能
程序员文章站
2024-03-12 11:38:38
采用java web所实现的mvc结构图如下，其中控制器部分采用servlet来实现，模型部分采用javabean来实现，而大部分的视图采用jsp页面来实现。
思想基础...
采用java web所实现的mvc结构图如下，其中控制器部分采用servlet来实现，模型部分采用javabean来实现，而大部分的视图采用jsp页面来实现。
思想基础
jsp+javabean两层结构工作原理应该是比较熟悉的，也比较好理解。
但是有一点必须要清楚就是用户通过浏览器来发送网页的请求，此请求到达服务器后在服务器端查找对应的网页，如果是首次请求（第二次就不用解释执行了），对于jsp来说要生成servlet，然后通过servlet引擎来执行 servlet，把调用javabean的结果嵌入到页面中返回给用户的浏览器。
jsp+javabean+servlet三层结构的实质是多了一个controller：servlet来分发客户端浏览器的请求。如果把起控制器作用的servlet的作用理解为对客户端的请求进行预处理对理解servlet将有很大的帮助。通过web.xml配置文件可以找到用户请求和特定的 servlet的对应关系，每个servlet都有一个特定的servlet对象与之对应，所以说处理用户请求的就是一个继承自httpservlet的 servlet对象。
﹤!-- jspc servlet mappings start --﹥
﹤servlet﹥
﹤servlet-name﹥ms1﹤/servlet-name﹥
﹤servlet-class﹥news.firstaction﹤/servlet-class﹥
﹤/servlet﹥
﹤servlet﹥
﹤servlet-name﹥ms2﹤/servlet-name﹥
﹤servlet-class﹥news.detailaction﹤/servlet-class﹥
﹤/servlet﹥
﹤!-- jspc servlet mappings end --﹥
﹤servlet-mapping﹥
﹤servlet-name﹥ms1﹤/servlet-name﹥
﹤url-pattern﹥/newsmain﹤/url-pattern﹥
﹤/servlet-mapping﹥
﹤servlet-mapping﹥
﹤servlet-name﹥ms2﹤/servlet-name﹥
﹤url-pattern﹥/newsdetail﹤/url-pattern﹥
﹤/servlet-mapping﹥
如上面所示的摘自web.xml的一段配置servlet，第一部分主要用来配置 servlet与具体的servlet对象关联，第二部分主要用来配置请求由哪个servlet处理，servlet名字的关联，处理请求就与具体 servlet处理对象关联起来，比如说，客户端浏览器发来/newsmain的请求，它由ms1 servlet进行处理，通过ms1就能找到相对应的serlet对象news.firstaction，即 /newsmain-﹥ms1-﹥news.firstaction，这也就是配置文件的意义所在。到现在懂得了用户/newsmain请求会被news.firstaction类的对象进行处理，所以说，要看懂程序就要看懂firstaction的作用是什么就行了。比如说下面是 firstaction的一个实现。
public final class firstaction extends httpservlet {
protected void service(httpservletrequest req, httpservletresponse resp)
throws servletexception, ioexception {
db db = new db();
httpsession session = req.getsession();
try {
session.setattribute(constants.news_list_key, news
.searchnewstitle(db));
} catch (exception e) {
e.printstacktrace();
}
db.close();
string target = "/p43_news/newsmain.jsp";
resp.sendredirect(target);
}
}
通过这个实现可以看到，当服务器收到客户端请求执行 news.searchnewstitle(db)的操作，然后把返回值通过session.setattribute放到session里，然后通过 resp.sendredirect(target)间接转移到newsmain.jsp，这样在newsmain.jsp里通过 session.getattribute函数就可以得到在存储在session里的对应值。
回过头来就容易看出jsp+javabean工作原理和jsp+javabean+servlet工作原理的不同了，两层结构必须把预处理放在jsp中进行，比如说 news.searchnewstitle(db)，三层结构先把预处理在servlet里进行了，然后相当于把这个处理结果通过session返回给 jsp，让jsp更关注于界面的显示。
登陆注册模块需求
1 注册
1.1 用户的注册表单（用户名，密码，邮箱，昵称，验证码）
1.2 提交注册:要做（用户名，密码，邮箱，昵称，验证码）的校验。
1.2.1 用户名,密码,邮箱,昵称是在客户端浏览器完成的，通过js来实现。
1.2.2 验证码的是要在服务器端的程序完成的。
2.如果注册表单的校验通过, 那么就进行业务逻辑的判断。
2.1 如果用户已经存在, 告诉用户错误信息。
2.2 如果邮箱已经存在, 告诉用户错误信息。
2.3 如果都不存在 .则进行第3步。
3. 将用户的信息 保存到数据库中
4. 注册 成功, 跳转到 登录 页面
5. 登陆
5.1 将用户的登陆信息发送到后台进行验证
5.2 如果验证成功，则跳转到首页
5.3 如果跳转失败，则跳转到登陆页面，并提示错误信息。
项目目录结构
项目的源码分成四个包文件，分别用来存取模型，视图，控制器和工具类，具体文件如下：
对于视图，我们定义三个jsp页面，如下所示：
定义视图
login.jsp页面
<%@ page language="java" contenttype="text/html; charset=utf-8"
pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>登录的表单</title>
</head>
<body>
<font color="red">${message }</font>
<a href="regist.jsp">注册新账号</a>
<form action="${pagecontext.request.contextpath }/login" method="post">
用户名:<input type="text" name="username"><br/>
密码:<input type="password" name="password"><br/>
<input type="submit" value="登录">
</form>
</body>
</html>
index.jsp页面
<%@ page language="java" contenttype="text/html; charset=utf-8"
pageencoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>insert title here</title>
</head>
<body>
<font color="red">${message }</font>
<%
if(request.getsession().getattribute("username")==null)
{
response.sendredirect("login.jsp");
}
else{
%>
<font color="red">"欢迎您：" <%=request.getsession().getattribute("username").tostring() %></font>
<%
}
%>
</body>
</html>
regist.jsp页面
<%@ page language="java" contenttype="text/html; charset=utf-8"
pageencoding="utf-8"%>
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>用户注册的表单</title>
<script type="text/javascript">
function changeimage(){
document.getelementbyid("image").src="${pagecontext.request.contextpath }/checkimage?" + new date().gettime()
}
function validateform(){
// 做 用户名 , 密码, 邮箱, 昵称的校验
var username= document.getelementbyid("username").value;
if(username==""){
alert("用户名 不能为空");
return false;
}
var password= document.getelementbyid("password").value;
if(password==""){
alert("密码 不能为空");
return false;
}
var repassword= document.getelementbyid("repassword").value;
if(password!=repassword){
alert("密码 必须 一致 ");
return false;
}
var nickname= document.getelementbyid("nickname").value;
if(nickname==""){
alert("昵称 不能为空");
return false;
}
// ^\\s*\\w+(?:\\.{0,1}[\\w-]+)*@[a-za-z0-9]+(?:[-.][a-za-z0-9]+)*\\.[a-za-z]+\\s*$
var email= document.getelementbyid("email").value;
if(email.match("^\\s*\\w+(?:\\.{0,1}[\\w-]+)*@[a-za-z0-9]+(?:[-.][a-za-z0-9]+)*\\.[a-za-z]+\\s*$")==null){
alert("邮箱地址 不正确 ");
return false;
}
}
</script>
</head>
<body>
<h3>用户注册的表</h3>
<font color="red">${message }</font>
<form action="${pagecontext.request.contextpath }/regist" onsubmit="return validateform();" method="post">
<table border="1">
<tr>
<td>用户名</td>
<td>
<input type="text" name="username" id="username1" v>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" name="password" id="password">
</td>
</tr>
<tr>
<td>请确认密码</td>
<td>
<input type="password" name="repassword" id="repassword">
</td>
</tr>
<tr>
<td>昵称</td>
<td>
<input type="text" name="nickname" id="nickname">
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="text" name="email" id="email">
</td>
</tr>
<tr>
<td>验证码</td>
<td>
<input type="text" name="checkcode">
<img src="${pagecontext.request.contextpath }/checkimage"
style="cursor: pointer;" id="image" onclick="changeimage();">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="注册">
</td>
</tr>
</table>
</form>
</body>
</html>
定义模型
user模型：
package com.vs2022.model;
public class user {
private string username;
private string password;
private string nickname;
private string email;
// alt+shft+ s // 弹出 覆盖 方法的 对话框 。
public string getusername() {
return username;
}
public void setusername(string username) {
this.username = username;
}
public string getpassword() {
return password;
}
public void setpassword(string password) {
this.password = password;
}
public string getnickname() {
return nickname;
}
public void setnickname(string nickname) {
this.nickname = nickname;
}
public string getemail() {
return email;
}
public void setemail(string email) {
this.email = email;
}
}
useroperation模型
package com.vs2022.model;
import com.vs2022.utils.dbutil;
public class useroperation {
public final static int usernameexist=1;
public final static int emailexist=2;
public final static int success=3;
public final static int fail=4;
public int regist(user user){
dbutil db = new dbutil();
if(db.serchusername(user.getusername())){
// 说明 用户名 已经存在了
return usernameexist;
}
if(db.serchemail(user.getemail())){
// 说明邮箱已经存在
return emailexist;
}
// 如果 走到 这里, 则说明 ,邮箱 用户名都不存咋, 那么 就让其注册 . 添加 到数据库中
db.updateuser(user);
return success;
}
public int login(user user) {
dbutil db = new dbutil();
if(db.loginsuccess(user.getusername(), user.getpassword())){
// 说明 找到 了用户 名 和密码 都正确的
return success;
}
return fail;
}
}
checkcode模型
package com.vs2022.model;
import java.awt.color;
import java.awt.font;
import java.awt.graphics;
import java.awt.image.bufferedimage;
import java.io.ioexception;
import java.io.outputstream;
import java.util.hashtable;
import javax.imageio.imageio;
import javax.servlet.servletexception;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
import javax.servlet.http.httpsession;
public class checkcode {
private string getrandomstring() {
int rannum = (int) (math.random() * 9000) + 1000;
return rannum + "";
}
public void getcode(int width, int height, httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception{
// 在内存中创建图象
bufferedimage image = new bufferedimage(width, height, bufferedimage.type_int_rgb);
graphics g=image.getgraphics(); //创建graphics对象,其作用相当于画笔
g.setcolor(color.getcolor("f8f8f8"));
g.fillrect(0, 0, width, height); //绘制背景
font mfont=new font("楷体",font.bold,16); //定义字体样式
g.setfont(mfont); //设置字体
g.setcolor(color.red);
//生成随机数
string rans=getrandomstring();
//将随机数写入会话
httpsession session = request.getsession();
session.setattribute("check", rans);
//将随机数写入图片
g.drawstring(rans, 5, 20);
// 图象生效
g.dispose();
//输出图像
imageio.write(image, "jpeg", response.getoutputstream());
}
}
定义控制器
loginservlet类
package com.vs2022.controller;
import java.io.ioexception;
import java.io.printwriter;
import javax.servlet.servletexception;
import javax.servlet.http.httpservlet;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
import com.vs2022.model.user;
import com.vs2022.model.useroperation;
public class loginservlet extends httpservlet {
public void doget(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
// 完成 登录的 逻辑
string username = request.getparameter("username");
string password = request.getparameter("password");
user user = new user();
user.setusername(username);
user.setpassword(password);
// 调用 业务功能 javabean 类 去实现 登录的 具体 业务逻辑
useroperation us = new useroperation();
// 返回值 ?
int i = us.login(user);
if(i==4){
// 说明 登录失败 ,用户名 或 密码错误
request.setattribute("message", "用户名或密码错误");
request.getrequestdispatcher("login.jsp").forward(request, response);
}else{
// 登录 成功 , 跳转到网站的 首页, 用 重定向
// 将username 存入到 session 域中
request.getsession().setattribute("username", username);
response.sendredirect("index.jsp");
//request.getrequestdispatcher("index.jsp").forward(request, response);
}
}
public void dopost(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
doget(request, response);
}
}
registservlet类
package com.vs2022.controller;
import java.io.ioexception;
import javax.servlet.servletexception;
import javax.servlet.http.httpservlet;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
import com.sun.org.apache.commons.beanutils.beanutils;
import com.vs2022.model.user;
import com.vs2022.model.useroperation;
public class registservlet extends httpservlet {
public void doget(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
// 解决 post 方式 的乱码
request.setcharacterencoding("utf-8");
// 完成验证码的校验
string checkcode = request.getparameter("checkcode");
string check_code_session = (string) request.getsession().getattribute("check");
if(checkcode==null||!checkcode.equals(check_code_session)){
// 说明 验证码 输入 不正确
request.setattribute("message", "验证码输入不正确");
request.getrequestdispatcher("regist.jsp").forward(request, response);
return;
}
// 如果 走到 了 这里, 则说明 所有的 校验 都通过 ,就 要 调用 涉及 到 处理 业务逻辑 了
user user = new user();
// beanutils 完成 数据的 封装 到 java bean 对象 中 ，apache 基金会的 一个 开源的jar的 实现。
try {
// 前提 ： javabean的 字段名 必须 要 与 表单中提交 过来 的 值 的 key 一致， 否则 不能 完成 封装 .
beanutils.populate(user, request.getparametermap());
} catch (exception e) {
e.printstacktrace();
throw new runtimeexception("对不起， 封装数据失败 ");
}
// 所以 又 会 设计 一个 新的 java bean 类来 实现 业务逻辑
useroperation us = new useroperation();
try {
int feedback = us.regist(user);
if(feedback==useroperation.emailexist){
// 说明 邮箱 已经存在
request.setattribute("message", "邮箱已经存在 ");
request.getrequestdispatcher("regist.jsp").forward(request, response);
}else if(feedback==useroperation.usernameexist){
// 说明 用户名已经存在
request.setattribute("message", "用户名 已经存在 ");
request.getrequestdispatcher("regist.jsp").forward(request, response);
}else{
// 说明 注册 成功 , 跳转到 登录 页面 . 要用 重定向
response.sendredirect("login.jsp" );
}
} catch (exception e) {
e.printstacktrace();
throw new runtimeexception("添加 失败 ");
}
}
public void dopost(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
doget(request, response);
}
}
checkimageservlet类
package com.vs2022.controller;
import java.io.ioexception;
import javax.servlet.servletexception;
import javax.servlet.http.httpservlet;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
import com.vs2022.model.checkcode;
public class checkimageservlet extends httpservlet {
public void doget(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
//禁用缓存，每次访问此页面，都重新生成
response.setheader("pragma","no-cache");
response.setheader("cache-control","no-cache");
response.setdateheader("expires", 0);
response.setcontenttype("image/jpeg");
int width=40;
int height=30;
//生成验证码的匿名对象，并生成验证码
new checkcode().getcode(width,height,request,response);
}
public void dopost(httpservletrequest request, httpservletresponse response)
throws servletexception, ioexception {
doget(request, response);
}
}
定义工具类
dbutil类
package com.vs2022.utils;
import java.sql.*;
import com.vs2022.model.user;
public class dbutil {
boolean binited = false;
// 加载驱动
public void initjdbc() throws classnotfoundexception {
// 加载mysql jdbc驱动程序
class.forname("com.mysql.jdbc.driver");
binited = true;
system.out.println("success loading mysql driver!");
}
public connection getconnection() throws classnotfoundexception,
sqlexception {
if (!binited) {
initjdbc();
}
// 连接url为 jdbc:mysql//服务器地址/数据库名
// 后面的2个参数分别是登陆用户名和密码
connection conn = drivermanager.getconnection(
"jdbc:mysql://localhost:3306/数据库", "用户名", "密码");
return conn;
}
public boolean loginsuccess(string username, string password) {
boolean returnvalue = false;
string sql = "select * from user where username=? and password=?";
connection conn = null;
preparedstatement ps=null;
int i=0;
try {
conn = getconnection();
ps=conn.preparestatement(sql);
ps.setstring(1, username);
ps.setstring(2, password);
resultset rs=ps.executequery();
if(rs.next()){
returnvalue=true;
}
} catch (classnotfoundexception e) {
e.printstacktrace();
} catch (sqlexception e) {
e.printstacktrace();
}
return returnvalue;
}
public boolean updateuser(user user) {
boolean flag=false;
int i=0;
connection conn=null;
preparedstatement ps=null;
string sql= "insert into user (username,password,nickname,email) values(?,?,?,?)";
try {
conn = getconnection();
ps=conn.preparestatement(sql);
ps.setstring(1, user.getusername()); //对占位符设置值，占位符顺序从1开始，第一个参数是占位符的位置，第二个参数是占位符的值。
ps.setstring(2, user.getpassword());
ps.setstring(3, user.getnickname());
ps.setstring(4, user.getemail());
i=ps.executeupdate();
if(i>0){
flag=true;
}
} catch (classnotfoundexception e) {
e.printstacktrace();
}catch (sqlexception e) {
e.printstacktrace();
}
return flag;
}
public boolean serchusername(string username){
boolean returnvalue = false;
string sql = "select * from user where username=?";
connection conn = null;
preparedstatement ps=null;
try {
conn = getconnection();
ps=conn.preparestatement(sql);
ps.setstring(1, username);
resultset rs=ps.executequery();
if(rs.next()){
returnvalue=true;
}
} catch (classnotfoundexception e) {
e.printstacktrace();
} catch (sqlexception e) {
e.printstacktrace();
}
return returnvalue;
}
public boolean serchemail(string email){
boolean returnvalue = false;
string sql = "select * from user where email=?";
connection conn = null;
preparedstatement ps=null;
int i=0;
try {
conn = getconnection();
ps=conn.preparestatement(sql);
ps.setstring(1, email);
resultset rs=ps.executequery();
if(rs.next()){
returnvalue=true;
}
} catch (classnotfoundexception e) {
e.printstacktrace();
} catch (sqlexception e) {
e.printstacktrace();
}
return returnvalue;
}
}
上一篇： Docker Swarm系列——4.Swarm服务检查
下一篇： java技术---单件/单例模式