JavaWeb开发与代码的编写(九)
Servlet+JSP+JavaBean开发模式用户登录注册
Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据。 Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式。
这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML、Xpath、Servlet、jsp的知识点都串联起来。
创建MVC架构的Web项目
在MyEclipse中新创建一个webmvcframework项目,导入项目所需要的开发包(jar包),创建项目所需要的包,在java开发中,架构的层次是以包的形式体现出来的
一个良好的JavaWeb项目架构应该具有以上的11个包,这样显得层次分明,各个层之间的职责也很清晰明了,搭建JavaWeb项目架构时,就按照上面的1~11的序号顺序创建包:
domain→dao→dao.impl→service→service.impl→web.controller→web.UI→web.filter→web.listener→util→junit.test,包的层次创建好了,项目的架构也就定下来了,当然,在实际的项目开发中,也不一定是完完全全按照上面说的来创建包的层次结构,而是根据项目的实际情况,可能还需要创建其他的包,这个得根据项目的需要来定了
在src目录(类目录)下面,创建用于保存用户数据的xml文件(DB.xml)
在WEB-INF目录下创建一个pages目录,pages目录存放系统的一些受保护(不允许用户直接通过URL地址访问)的jsp页面,用户要想访问这些受保护的jsp页面,那么只能通过me.gacl.web.UI这个包里面的Servlet
创建好的项目如下图(图-1)所示:
图-1
分层架构的代码编写
分层架构的代码也是按照【域模型层(domain)】→【数据访问层(dao、dao.impl)】→【业务处理层(service、service.impl)】→【表现层(web.controller、web.UI、web.filter、web.listener)】→【工具类(util)】→【测试类(junit.test)】的顺序进行编写的。
开发domain层
在me.gacl.domain包下创建一个User类
User类具体代码如下:
import java.io.Serializable;
import java.util.Date;
/**
* @author gacl
* 用户实体类
*/
public class User implements Serializable {
private static final long serialVersionUID = -4313782718477229465L;
// 用户ID
private String id;
// 用户名
private String userName;
// 用户密码
private String userPwd;
// 用户邮箱
private String email;
// 用户生日
private Date birthday;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getUserPwd() {
return userPwd;
}
public void setUserPwd(String userPwd) {
this.userPwd = userPwd;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public Date getBirthday() {
return birthday;
}
public void setBirthday(Date birthday) {
this.birthday = birthday;
}
}
开发数据访问层(dao、dao.impl)
在me.gacl.dao包下创建一个IUserDao接口类,对于开发接口类,我习惯以字母I作类的前缀,这样一眼就看出当前这个类是一个接口,这也算是一种良好的开发习惯吧,通过看类名就可以方便区分出是接口还是具体的实现类。
IUserDao接口的具体代码如下:
import me.gacl.domain.User;
public interface IUserDao {
/**
* 根据用户名和密码来查找用户
* @param userName
* @param userPwd
* @return 查到到的用户
*/
User find(String userName, String userPwd);
/**
* 添加用户
* @param user
*/
void add(User user);
/**根据用户名来查找用户
* @param userName
* @return 查到到的用户
*/
User find(String userName);
}
对于接口中的方法定义,这个只能是根据具体的业务来分析需要定义哪些方法了,但是无论是多么复杂的业务,都离不开基本的CRUD(增删改查)操作,Dao层是直接和数据库交互的,所以Dao层的接口一般都会有增删改查这四种操作的相关方法。
在me.gacl.dao.impl包下创建一个UserDaoImpl类
UserDaoImpl类是IUserDao接口的具体实现类,对于接口的实现类命名方式,我习惯以"接口名(去除前缀I)+impl"形式或者"接口名+impl"形式来命名:IUserDao(接口)→UserDaoImpl(实现类)或者IUserDao(接口)→IUserDaoImpl(实现类),这也算是一些个人的编程习惯吧,平时看到的代码大多数都是以这两种形式中的一种来来命名接口的具体实现类的,反正就是要能够一眼看出接口对应的实现类是哪一个就可以了。
UserDaoImpl类的具体代码如下:
3 import java.text.SimpleDateFormat;
4 import org.dom4j.Document;
5 import org.dom4j.Element;
6 import me.gacl.dao.IUserDao;
7 import me.gacl.domain.User;
8 import me.gacl.util.XmlUtils;
9
10 /**
11 * IUserDao接口的实现类
12 * @author gacl
13 */
14 public class UserDaoImpl implements IUserDao {
15
16 @Override
17 public User find(String userName, String userPwd) {
18 try{
19 Document document = XmlUtils.getDocument();
20 //使用XPath表达式来操作XML节点
21 Element e = (Element) document.selectSingleNode("//user[@userName='"+userName+"' and @userPwd='"+userPwd+"']");
22 if(e==null){
23 return null;
24 }
25 User user = new User();
26 user.setId(e.attributeValue("id"));
27 user.setEmail(e.attributeValue("email"));
28 user.setUserPwd(e.attributeValue("userPwd"));
29 user.setUserName(e.attributeValue("userName"));
30 String birth = e.attributeValue("birthday");
31 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
32 user.setBirthday(sdf.parse(birth));
33
34 return user;
35
36 }catch (Exception e) {
37 throw new RuntimeException(e);
38 }
39 }
40
41 @SuppressWarnings("deprecation")
42 @Override
43 public void add(User user) {
44 try{
45 Document document = XmlUtils.getDocument();
46 Element root = document.getRootElement();
47 Element user_node = root.addElement("user"); //创建user结点,并挂到root
48 user_node.setAttributeValue("id", user.getId());
49 user_node.setAttributeValue("userName", user.getUserName());
50 user_node.setAttributeValue("userPwd", user.getUserPwd());
51 user_node.setAttributeValue("email", user.getEmail());
52
53 SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd");
54 user_node.setAttributeValue("birthday", sdf.format(user.getBirthday()));
55
56 XmlUtils.write2Xml(document);
57
58 }catch (Exception e) {
59 throw new RuntimeException(e);
60 }
61 }
62
63 @Override
64 public User find(String userName) {
65 try{
66 Document document = XmlUtils.getDocument();
67 Element e = (Element) document.selectSingleNode("//user[@userName='"+userName+"']");
68 if(e==null){
69 return null;
70 }
71 User user = new User();
72 user.setId(e.attributeValue("id"));
73 user.setEmail(e.attributeValue("email"));
74 user.setUserPwd(e.attributeValue("userPwd"));
75 user.setUserName(e.attributeValue("userName"));
76 String birth = e.attributeValue("birthday");
77 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
78 user.setBirthday(sdf.parse(birth));
79
80 return user;
81
82 }catch (Exception e) {
83 throw new RuntimeException(e);
84 }
85 }
86
87 }
开发service层(service层对web层提供所有的业务服务)
在me.gacl.service包中创建IUserService接口类
IUserService接口的具体代码如下:
import me.gacl.domain.User;
import me.gacl.exception.UserExistException;
public interface IUserService {
/**
* 提供注册服务
* @param user
* @throws UserExistException
*/
void registerUser(User user) throws UserExistException;
/**
* 提供登录服务
* @param userName
* @param userPwd
* @return
*/
User loginUser(String userName, String userPwd);
}
在me.gacl.service.impl包中创建UserServiceImpl类
UserServiceImpl类为IUserService接口的具体实现类,具体代码如下:
import me.gacl.dao.IUserDao;
import me.gacl.dao.impl.UserDaoImpl;
import me.gacl.domain.User;
import me.gacl.exception.UserExistException;
import me.gacl.service.IUserService;
public class UserServiceImpl implements IUserService {
private IUserDao userDao = new UserDaoImpl();
@Override
public void registerUser(User user) throws UserExistException {
if (userDao.find(user.getUserName())!=null) {
//checked exception
//unchecked exception
//这里抛编译时异常的原因:是我想上一层程序处理这个异常,以给用户一个友好提示
throw new UserExistException("注册的用户名已存在!!!");
}
userDao.add(user);
}
@Override
public User loginUser(String userName, String userPwd) {
return userDao.find(userName, userPwd);
}
}
开发web层
3.4.1、 开发注册功能
1、在me.gacl.web.UI包下写一个RegisterUIServlet为用户提供注册界面
RegisterUIServlet收到用户请求后,就跳到register.jsp
RegisterUIServlet的代码如下:
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* @author gacl
* 为用户提供注册的用户界面的Servlet
* RegisterUIServlet负责为用户输出注册界面
* 当用户访问RegisterUIServlet时,就跳转到WEB-INF/pages目录下的register.jsp页面
*/
public class RegisterUIServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.getRequestDispatcher("/WEB-INF/pages/register.jsp").forward(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
2、在/WEB-INF/pages/目录下编写用户注册的jsp页面register.jsp
凡是位于WEB-INF目录下的jsp页面是无法直接通过URL地址直接访问的,
在开发中如果项目中有一些敏感web资源不想被外界直接访问,那么可以考虑将这些敏感的web资源放到WEB-INF目录下,这样就可以禁止外界直接通过URL来访问了。
register.jsp页面的代码如下:
用户注册
用户名
密码
确认密码
邮箱
生日
register.jsp中的指明表单提交后,交给RegisterServlet进行处理 3、在me.gacl.web.controller包下编写用于处理用户注册的RegisterServlet
RegisterServlet担任着以下几个职责: 1、接收客户端提交到服务端的表单数据。
2、校验表单数据的合法性,如果校验失败跳回到register.jsp,并回显错误信息。
3、如果校验通过,调用service层向数据库中注册用户。
为了方便RegisterServlet接收表单数据和校验表单数据,在此我设计一个用于校验注册表单数据RegisterFormbean,再写WebUtils工具类,封装客户端提交的表单数据到formbean中。
在me.gacl.web.formbean包下创建一个用于校验注册表单数据RegisterFormbean
RegisterFormbean代码如下:
3 import java.util.HashMap;
4 import java.util.Map;
5
6 import org.apache.commons.beanutils.locale.converters.DateLocaleConverter;
7
8 /**
9 * 封装的用户注册表单bean,用来接收register.jsp中的表单输入项的值
10 * RegisterFormBean中的属性与register.jsp中的表单输入项的name一一对应
11 * RegisterFormBean的职责除了负责接收register.jsp中的表单输入项的值之外还担任着校验表单输入项的值的合法性
12 * @author gacl
13 *
14 */
15 public class RegisterFormBean {
16
17 //RegisterFormBean中的属性与register.jsp中的表单输入项的name一一对应
18 //
19 private String userName;
20 //
21 private String userPwd;
22 //
23 private String confirmPwd;
24 //
25 private String email;
26 //
27 private String birthday;
28
29
30 /**
31 * 存储校验不通过时给用户的错误提示信息
32 */
33 private Map errors = new HashMap();
34
35 public Map getErrors() {
36 return errors;
37 }
38
39 public void setErrors(Map errors) {
40 this.errors = errors;
41 }
42
43 /*
44 * validate方法负责校验表单输入项
45 * 表单输入项校验规则:
46 * private String userName; 用户名不能为空,并且要是3-8的字母 abcdABcd
47 * private String userPwd; 密码不能为空,并且要是3-8的数字
48 * private String confirmPwd; 两次密码要一致
49 * private String email; 可以为空,不为空要是一个合法的邮箱
50 * private String birthday; 可以为空,不为空时,要是一个合法的日期
51 */
52 public boolean validate() {
53
54 boolean isOk = true;
55
56 if (this.userName == null || this.userName.trim().equals("")) {
57 isOk = false;
58 errors.put("userName", "用户名不能为空!!");
59 } else {
60 if (!this.userName.matches("[a-zA-Z]{3,8}")) {
61 isOk = false;
62 errors.put("userName", "用户名必须是3-8位的字母!!");
63 }
64 }
65
66 if (this.userPwd == null || this.userPwd.trim().equals("")) {
67 isOk = false;
68 errors.put("userPwd", "密码不能为空!!");
69 } else {
70 if (!this.userPwd.matches("\\d{3,8}")) {
71 isOk = false;
72 errors.put("userPwd", "密码必须是3-8位的数字!!");
73 }
74 }
75
76 // private String password2; 两次密码要一致
77 if (this.confirmPwd != null) {
78 if (!this.confirmPwd.equals(this.userPwd)) {
79 isOk = false;
80 errors.put("confirmPwd", "两次密码不一致!!");
81 }
82 }
83
84 // private String email; 可以为空,不为空要是一个合法的邮箱
85 if (this.email != null && !this.email.trim().equals("")) {
86 if (!this.email.matches("\\w+@\\w+(\\.\\w+)+")) {
87 isOk = false;
88 errors.put("email", "邮箱不是一个合法邮箱!!");
89 }
90 }
91
92 // private String birthday; 可以为空,不为空时,要是一个合法的日期
93 if (this.birthday != null && !this.birthday.trim().equals("")) {
94 try {
95 DateLocaleConverter conver = new DateLocaleConverter();
96 conver.convert(this.birthday);
97 } catch (Exception e) {
98 isOk = false;
99 errors.put("birthday", "生日必须要是一个日期!!");
100 }
101 }
102
103 return isOk;
104 }
105
106 public String getUserName() {
107 return userName;
108 }
109
110 public void setUserName(String userName) {
111 this.userName = userName;
112 }
113
114 public String getUserPwd() {
115 return userPwd;
116 }
117
118 public void setUserPwd(String userPwd) {
119 this.userPwd = userPwd;
120 }
121
122 public String getConfirmPwd() {
123 return confirmPwd;
124 }
125
126 public void setConfirmPwd(String confirmPwd) {
127 this.confirmPwd = confirmPwd;
128 }
129
130 public String getEmail() {
131 return email;
132 }
133
134 public void setEmail(String email) {
135 this.email = email;
136 }
137
138 public String getBirthday() {
139 return birthday;
140 }
141
142 public void setBirthday(String birthday) {
143 this.birthday = birthday;
144 }
145 }
在me.gacl.util包下创建一个WebUtils工具类,该工具类的功能就是封装客户端提交的表单数据到formbean中
import java.util.Enumeration;
import java.util.UUID;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.beanutils.BeanUtils;
/**
* @author gacl
* 把request对象中的请求参数封装到bean中
*/
public class WebUtils {
/**
* 将request对象转换成T对象
* @param request
* @param clazz
* @return
*/
public static T request2Bean(HttpServletRequest request,Class clazz){
try{
T bean = clazz.newInstance();
Enumeration e = request.getParameterNames();
while(e.hasMoreElements()){
String name = (String) e.nextElement();
String value = request.getParameter(name);
BeanUtils.setProperty(bean, name, value);
}
return bean;
}catch (Exception e) {
throw new RuntimeException(e);
}
}
/**
* 生成UUID
* @return
*/
public static String makeId(){
return UUID.randomUUID().toString();
}
}
最后看一下负责处理用户注册的RegisterServlet完整代码:
3 import java.io.IOException;
4 import java.util.Date;
5 import javax.servlet.ServletException;
6 import javax.servlet.http.HttpServlet;
7 import javax.servlet.http.HttpServletRequest;
8 import javax.servlet.http.HttpServletResponse;
9 import org.apache.commons.beanutils.BeanUtils;
10 import org.apache.commons.beanutils.ConvertUtils;
11 import org.apache.commons.beanutils.locale.converters.DateLocaleConverter;
12 import me.gacl.domain.User;
13 import me.gacl.exception.UserExistException;
14 import me.gacl.service.IUserService;
15 import me.gacl.service.impl.UserServiceImpl;
16 import me.gacl.util.WebUtils;
17 import me.gacl.web.formbean.RegisterFormBean;
18 /**
19 * 处理用户注册的Servlet
20 * @author gacl
21 *
22 */
23 public class RegisterServlet extends HttpServlet {
24
25 public void doGet(HttpServletRequest request, HttpServletResponse response)
26 throws ServletException, IOException {
27 //将客户端提交的表单数据封装到RegisterFormBean对象中
28 RegisterFormBean formbean = WebUtils.request2Bean(request,RegisterFormBean.class);
29 //校验用户注册填写的表单数据
30 if (formbean.validate() == false) {//如果校验失败
31 //将封装了用户填写的表单数据的formbean对象发送回register.jsp页面的form表单中进行显示
32 request.setAttribute("formbean", formbean);
33 //校验失败就说明是用户填写的表单数据有问题,那么就跳转回register.jsp
34 request.getRequestDispatcher("/WEB-INF/pages/register.jsp").forward(request, response);
35 return;
36 }
37
38 User user = new User();
39 try {
40 // 注册字符串到日期的转换器
41 ConvertUtils.register(new DateLocaleConverter(), Date.class);
42 BeanUtils.copyProperties(user, formbean);//把表单的数据填充到javabean中
43 user.setId(WebUtils.makeId());//设置用户的Id属性
44 IUserService service = new UserServiceImpl();
45 //调用service层提供的注册用户服务实现用户注册
46 service.registerUser(user);
47 String message = String.format(
48 "注册成功!!3秒后为您自动跳到登录页面!!",
49 request.getContextPath()+"/servlet/LoginUIServlet");
50 request.setAttribute("message",message);
51 request.getRequestDispatcher("/message.jsp").forward(request,response);
52
53 } catch (UserExistException e) {
54 formbean.getErrors().put("userName", "注册用户已存在!!");
55 request.setAttribute("formbean", formbean);
56 request.getRequestDispatcher("/WEB-INF/pages/register.jsp").forward(request, response);
57 } catch (Exception e) {
58 e.printStackTrace(); // 在后台记录异常
59 request.setAttribute("message", "对不起,注册失败!!");
60 request.getRequestDispatcher("/message.jsp").forward(request,response);
61 }
62 }
63
64 public void doPost(HttpServletRequest request, HttpServletResponse response)
65 throws ServletException, IOException {
66 doGet(request, response);
67 }
68
69 }
用户注册时如果填写的表单数据校验不通过,那么服务器端就将一个存储了错误提示消息和表单数据的formbean对象存储到request对象中,然后发送回register.jsp页面,因此我们需要在register.jsp页面中取出request对象中formbean对象,然后将用户填写的表单数据重新回显到对应的表单项上面,将出错时的提示消息也显示到form表单上面,让用户知道是哪些数据填写不合法!
修改register.jsp页面,代码如下:
用户注册
用户名
${formbean.errors.userName}
密码
${formbean.errors.userPwd}
确认密码
${formbean.errors.confirmPwd}
邮箱
${formbean.errors.email}
生日
${formbean.errors.birthday}
到此,用户注册功能就算是开发完成了!
下面测试一下开发好的用户注册功能:
输入URL地址:http://localhost:8080/webmvcframework/servlet/RegisterUIServlet访问register.jsp页面,运行效果如下:
如果输入的表单项不符合校验规则,那么是无法进行注册的,运行效果如下:
开发登录功能
1、在me.gacl.web.UI包下写一个LoginUIServlet为用户提供登录界面
LoginUIServlet收到用户请求后,就跳到login.jsp
LoginUIServlet的代码如下:
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* @author gacl
* LoginUIServlet负责为用户输出登陆界面
* 当用户访问LoginUIServlet时,就跳转到WEB-INF/pages目录下的login.jsp页面
*/
public class LoginUIServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.getRequestDispatcher("/WEB-INF/pages/login.jsp").forward(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
2、在/WEB-INF/pages/目录下编写用户登录的jsp页面login.jsp
login.jsp页面的代码如下:
用户登陆
用户名:
密码:
login.jsp中的指明表单提交后,交给LoginServlet进行处理。 3、在me.gacl.web.controller包下编写用于处理用户登录的LoginServlet
LoginServlet的代码如下:
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import me.gacl.domain.User;
import me.gacl.service.IUserService;
import me.gacl.service.impl.UserServiceImpl;
/**
* 处理用户登录的servlet
* @author gacl
*
*/
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");
IUserService service = new UserServiceImpl();
//用户登录
User user = service.loginUser(username, password);
if(user==null){
String message = String.format(
"对不起,用户名或密码有误!!请重新登录!2秒后为您自动跳到登录页面!!
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?