一、JSP开发模型
1、JSP开发模型概念
JSP的开发模型即JSP Model,在Web开发中,为了更方便地使用JSP技术,Sun公司为JSP技术提供了两种开发模型:JSP Model1和JSP Model2。JSP Model1简单轻便,适合小型Web项目的快速开发;JSP Model2模型是在JSP Model1的基础上提出的,它提供了更清晰的代码分层,更适用于多人合作开发的大型Web项目,实际开发过程中可以根据项目需求,选择合适的模型。
2、JSP Model1模型的工作原理
3、JSP Model2模型的工作原理
二、MVC设计模式
提到了MC 设计模式,它是施乐帕克研究中心在20世纪80年代为编程语言Smalltalk-80发明的一种软件设计模式,提供了一种按功能对软件进行模块划分的方法。MVC 设计模式将软件程序分为3个核心模块:模型(Model )视图( View )和控制器( Controller ),这3个模块的作用如下所示。
1.模型
模型(Model)负责管理应用程序的业务数据、定义访问控制以及修改这些数据的业务规则。当模型的状态发生改变时,它会通知视图发生改变,并为视图提供查询模型状态的方法。
2.视图
视图(View)负责与用户进行交互,它从模型中获取数据向用户展示,同时也能将用户请求传递给控制器进行处理。当模型的状态发生改变时,视图会对用户界面进行同步更新,从而保持与模型数据的一致性。
3.控制器
控制器(Controller )是负责应用程序中处理用户交互的部分,它负责从视图中读取数据,控制用户输入,并向模型发送数据。
三、按照Model2思想实现用户注册功能
JSP Model2模型是一种MVC 设计模式,由于MVC模式中的功能模块相互独立,并且使用该模式的软件具有极高的可维护性、可扩展性和可复用性,因此,使用MVC 开发模式的 Web应用越来越受到欢迎。接下来,本任务将按照JSP Model2的模型思想编写一个用户注册程序。该程序中包含两个JSP页面register.jsp和 loginSuccess,jsp、一个 Servlet类 ControllerServlet.两个 JavaBean 类 RegisterFormBean和 UserBean,以及一个访问数据库的辅助类DBUtil。
1,创建项目,编写UserBean类
(1)编写UserBean类
package cn.itcast.chapter10.model2.domain;
public class UserBean {
private String name;
private String password;
private String email;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
}
(2)编写RegisterFormBean类
package cn.itcast.chapter10.model2.domain;
import java.util.HashMap;
import java.util.Map;
public class RegisterFormBean {
private String name;
private String password;
private String password2;
private String email;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getPassword2() {
return password2;
}
public void setPassword2(String password2) {
this.password2 = password2;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
private Map<String,String> errors = new HashMap<String,String>();
public boolean validate(){
boolean flag = true;
if(name == null || name.trim().equals("")){
errors.put("name","请输入用户名");
flag = false;
return flag;
}
if(password == null || password.trim().equals("")){
errors.put("password","请输入密码");
flag = false;
return flag;
}else if(password.length()>12 || password.length()<6){
errors.put("password","请输入6-12个字符");
flag = false;
return flag;
}
if(password != null && !password.equals(password2)){
errors.put("password2","两次输入密码不一致");
flag = false;
return flag;
}
String regex = "[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+";
if(email == null || email.trim().equals("")){
errors.put("email","请输入邮箱");
flag = false;
return flag;
}else if(!email.matches(regex)){
errors.put("email","邮箱格式错误");
flag = false;
return flag;
}
return flag;
}
public Map<String, String> getErrors() {
return errors;
}
public void setErrorMsg(String err,String errMsg){
if((err != null) && (errMsg!=null)){
errors.put(err, errMsg);
}
}
}
2.创建工具类
package cn.itcast.chapter10.model2.util;
import java.util.HashMap;
import cn.itcast.chapter10.model2.domain.UserBean;
public class DBUtil {
private static DBUtil instance = new DBUtil();
public static DBUtil getInstance(){
return instance;
}
private HashMap<String, UserBean> users = new HashMap<String, UserBean>();
//插入数据
public DBUtil(){
UserBean user1 = new UserBean();
user1.setName("Jack");
user1.setPassword("123456");
user1.setEmail("jack@it315.org");
users.put("Jack",user1);
UserBean user2 = new UserBean();
user2.setName("Rose");
user2.setPassword("abcdefr");
user2.setEmail("rose@it315.org");
users.put("Rose",user2);
}
public UserBean getUser(String username){
UserBean user = users.get(username);
return user;
}
public boolean insertUser(UserBean user){
if(user == null){
return false;
}
String username = user.getName();
UserBean userDB = users.get(username);
if(userDB !=null){
return false;
}
users.put(username,user);
return true;
} }
3.创建Servlet
package cn.itcast.chapter10.model2.web;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import cn.itcast.chapter10.model2.domain.RegisterFormBean;
import cn.itcast.chapter10.model2.domain.UserBean;
import cn.itcast.chapter10.model2.util.DBUtil;
/**
* Servlet implementation class ControllerServlet
*/
@WebServlet("/ControllerServlet")
public class ControllerServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("test/html;charset=utf-8");
request.setCharacterEncoding("utf-8");
//BeanUtils.populate(new RegisterFormBean(), request.getParameterMap());
String name = request.getParameter("name");
String password = request.getParameter("password");
String password2 = request.getParameter("password2");
String email = request.getParameter("email");
RegisterFormBean formBean = new RegisterFormBean();
formBean.setName(name);
formBean.setPassword(password);
formBean.setPassword(password2);
formBean.setEmail(email);
if(!formBean.validate()) {
request.setAttribute("formBean", formBean);
request.getRequestDispatcher("register.jsp").forward(request,response);
return;
}
UserBean userBean = new UserBean();
userBean.setName(name);
userBean.setPassword(password2);
userBean.setEmail(email);
//模拟数据库
boolean b = DBUtil.getInstance().insertUser(userBean);
if(!b) {
request.setAttribute("DBMes", "用户名不存在");
request.setAttribute("formBean", formBean);
request.getRequestDispatcher("register.jsp").forward(request, response);
return;
}
response.getWriter().print("恭喜你,注册成功,3秒后自动跳转");
request.getSession().setAttribute("userBean", userBean);
response.setHeader("refresh", "3,url = loginSuccess.jsp");
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
4、创建JSP页面
1.编写register.jsp文件
<%@ page language="java" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用户注册</title>
<style type="text/css">
h3 {
margin-left: 100px;
}
#outer {
width: 750px;
}
span {
color: #ff0000
}
div {
height:20px;
margin-bottom: 10px;
}
.ch {
width: 80px;
text-align: right;
float: left;
}
.ip {
width: 500px;
float: left
}
.ip>input {
margin-right: 20px
}
#bt {
margin-left: 50px;
}
#bt>input {
margin-right: 30px;
}
</style>
</head>
<body>
<form action="ControllerServet" method="post">
<h3>用户注册</h3>
<div id="outer">
<div>
<div class="ch">姓名:</div>
<div class="ip">
<input type="text" name="name" value="${formBean.name }" />
<span>${formBean.errors.name}${DBMes}</span>
</div>
</div>
<div>
<div class="ch">密码:</div>
<div class="ip">
<input type="password" name="password" />
<span>${formBean.errors.password}</span>
</div>
</div>
<div>
<div class="ch">确认密码:</div>
<div class="ip">
<input type="password" name="password2" />
<span>${formBean.errors.password2}</span>
</div>
</div>
<div>
<div class="ch">邮箱:</div>
<div class="ip">
<input type="text" name="email" value="${formBean.email }" />
<span>${formBean.errors.email}</span>
</div>
</div>
<div id="bt">
<input type="reset" value="重置 " />
<input type="submit" value="注册" />
</div>
</div>
</form>
</body>
</html>
(2)编写loginSuccess.jsp文件
<%@ page language="java" pageEncoding="GBK" import="cn.itcast.chapter10.model2.domain.UserBean"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用户信息</title>
<style type="text/css">
#main {
width: 500px;
height: auto;
}
#main div {
width: 200px;
height: auto;
}
ul {
padding-top: 1px;
padding-left: 1px;
list-style: none;
}
</style>
</head>
<body>
<div id="main">
<div id="welcome">恭喜你,登录成功</div>
<hr />
<div>您的信息</div>
<div>
<ul>
<li>您的姓名:</li>
<li>您的邮箱:</li>
</ul>
</div>
</div>
</body>
</html>
5.运行程序,测试结果