Web开发模式【实例篇】MVC--迈向标准开发

 实例: 用一个用户登录验证实例讲解MVC设计模式

   登录程序之前已经学过，是使用ＪＳＰ＋JDBC完成的开发操作，但是之前的登录程序开发中可以发现有很多的问题，就是一个JSP文件中代码过多了，即便是使用了JSP+javaBean的开发模式，其本身也存在JSP中代码过多的问题。

   现在我们就可以利用MVC设计模式来彻底解决掉这些代码过多的问题了

    在本程序中，用户输入的登录信息提交给Servlet进行接收，Servlet接收到请求内容后首先对其合法性进行检验（如果输入的内容是否为空或者长度是否满足要求等），如果验证失败，则将错误信息传递给登录页显示；如果数据合法，则调用DAO层完成数据库的验证，根据验证的结构跳转到登录成功或登录失败的页面。

 需要开发的页面橄榄如下：

首先建立数据库   （我们用的数据库是MySqL，不会的同学可以到这儿                http://zhaoyuqiang.blog.51cto.com/6328846/1127226）学习

  创建数据库，名字为：  51ctomvctest  

  创建表  ，  名字为：  user

  设计表，如下：（注意红色部分，不要忘记编码，否则可能出现不能输入中文现象）

   在表中填写信息，如下图所示：

 开发工具部署（我们用的是MyEclipse）

 部署如下图所示：

      

 

 导入sql的jar包文件，这个不用我再说了吧。

  代码编写

 按照DAO的设计标准，首先应该定义出VO类

User.java 
//vo中的属性与数据库表中的属性对应 
package mvc.vo; 
public class User { 
     private String userid; 
     private String name; 
     private String password; 
     public String getUserid(){ 
         return userid; 
     } 
     public void setUserid(String userid){ 
         this.userid=userid; 
     } 
     public String getPassword(){ 
         return password; 
     } 
     public void setPassword(String password){ 
         this.password=password; 
     } 
     public String getName(){ 
         return name; 
     } 
     public void setName(String name){ 
         this.name=name; 
     } 
} 

 DAO中需要进行数据库的连接操作，需要DatabaseConnection的类负责数据的操作

 DatabaseConnection.java 
//负责数据库的打开与关闭操作 
package mvc.dbc; 
import java.sql.*; 
public class DatabaseConnection { 
    private static final String DBdriver="org.gjt.mm.mysql.Driver"; 
    private static final String DBURL="jdbc:mysql://localhost:3306/51ctomvctest"; 
    private static final String DBUSER="root"; 
    private static final String DBPASS="425680992"; 
    private Connection conn=null;  
    public DatabaseConnection()throws Exception{   //在构造方法中进行数据库连接 
       try{ 
           Class.forName(DBdriver);//加载驱动程序 
            this.conn=DriverManager.getConnection(DBURL,DBUSER,DBPASS);//连接数据库 
       }catch(Exception e){ 
            throw e; 
       }     
   } 
    public Connection getConnection(){//取得数据库连接 
      return this.conn;//取得数据连接  
    } 
    public void close()throws Exception{//关闭数据库操作 
        if(this.conn!=null){//避免NullPointerException 
            try{ 
                this.conn.close();//关闭数据库 
            }catch(Exception e){ 
                throw e; 
            } 
        } 
    } 
} 

  由于本程序的核心功能是完成用户登录验证，所以在定义DAO的时候，定义一个验证方法

IUserDAO.java 
//定义一个登陆验证的方法,这个方法为执行查询操作，并且采用了findXxx()的命名形式 
package mvc.dao; 
import mvc.vo.User; //引用mvc.vo包里面的User类 
public interface IUserDAO { 
        /** 
         * 用户登录验证 
         *@param user 传入VO对象 
         *@param 验证的操作结果 
         *@throw Exception 
         */ 
    public boolean findLogin(User user)throws Exception; 
} 

 下面分别编写实现类和代理类

UserDAOImpl.java 
//定义实现类,在此类中将通过输入用户ID和密码进行验证， 
//如果验证成功，则通过VO将用户的真实姓名取出并返回 
package mvc.dao; 
import java.sql.*; 
import mvc.dao.IUserDAO; 
import mvc.vo.User; 
public class UserDAOImpl implements IUserDAO{ 
    private Connection conn=null;//定义数据库连接对象 
    private PreparedStatement pstmt=null;//定义数据库连接对象 
    public UserDAOImpl(Connection conn){//设置数据库连接 
        this.conn=conn;  
    } 
    public boolean findLogin(User user)throws Exception{ 
        boolean flag=false; 
        try{ 
            String sql="select name from user where userid=? and password=?"; 
            thisthis.pstmt=this.conn.prepareStatement(sql);//实例化操作 
            this.pstmt.setString(1,user.getUserid());//设置id 
            this.pstmt.setString(2,user.getPassword());//设置密码 
            ResultSet rs=this.pstmt.executeQuery();//取得查询结果 
            if(rs.next()){ 
                user.setName(rs.getString(1));//取得姓名 
                flag=true;//登录成功 
            } 
        }catch(Exception e){ 
            throw e; 
        }finally{ 
            if(this.pstmt!=null){ 
                try{ 
                    this.pstmt.close();//关闭操作 
                }catch(Exception e){ 
                    throw e; 
                } 
            } 
        } 
        return flag; 
    } 
    } 

UserDAOProxy.java 
package mvc.dao; 
import mvc.dao.*; 
import mvc.dbc.*; 
import mvc.vo.*; 
public class UserDAOProxy implements IUserDAO{ 
  private DatabaseConnection dbc=null;//定义数据库连接 
  private IUserDAO dao=null;//定义DAO接口 
  public UserDAOProxy(){ 
      try{ 
         this.dbc=new DatabaseConnection();//实例化数据库连接  
      }catch(Exception e){ 
          e.printStackTrace(); 
      } 
      this.dao=new UserDAOImpl(this.dbc.getConnection()); 
  } 
  public boolean findLogin(User user)throws Exception{ 
      boolean flag=false; 
      try{ 
          flag=this.dao.findLogin(user);//调用真实主题 
      }catch(Exception e){ 
          throw e; 
       }finally{ 
           this.dbc.close(); 
       } 
       return flag; 
  } 
} 

  定义工厂类 取得DAO实例

DAOFactory.java 
package mvc.factory; 
import mvc.dao.*; 
public class DAOFactory { 
    public static IUserDAO getIUserDAOInstance(){//取得DAO实例 
         return new UserDAOProxy();//返回代理实例  
    } 
    } 

 DAO的操作完成只是数据层的操作，下面需要编写Servlet

 LoginServlet.java 
//定义Servlet，在Servlet中要接受客户端发来的输入数据 
//同时要调用DAO，并且要根据DAO的结果返回响应的信息 
//在Servlet中，首先定义对接受的userid和userpass两个参数进行验证，如果没有输入参数//或者是输入的参数为空，则会在info对象中增加相应的错误信息。 
//当验证通过后，程序将调用DAO进行数据层的验证，并根据DAO的返回结果来决定返回//给客户端的信息 
package mvc.servlet; 
import java.io.*; 
import java.util.*; 
import javax.servlet.*; 
import javax.servlet.http.*; 
import mvc.factory.*; 
import mvc.vo.*; 
public class LoginServlet extends HttpServlet{ 
      public void doGet(HttpServletRequest req,HttpServletResponse resp) 
              throws ServletException,IOException{ 
          String path="login.jsp"; 
          String userid=req.getParameter("userid");//接受userid内容 
          String userpass=req.getParameter("userpass");//接受password内容 
          List<String>info=new ArrayList<String>();//保存所有返回信息 
          if(userid == null||"".equals(userid)){ 
              info.add("用么id不能为空！"); 
          } 
          if(userpass==null||"".equals(userpass)){ 
              info.add("密码不能为空！"); 
          } 
          if(info.size()==0){//用户名和密码验证通过 
            User user=new User();//实例化VO 
            user.setUserid(userid);//设置userid 
            user.setPassword(userpass);//设置password 
            try{ 
                if(DAOFactory.getIUserDAOInstance().findLogin(user)){//验证通过 
                    info.add("用户登录成功，欢迎"+user.getName()+"光临！"); 
                }else{ 
                    info.add("用户登录失败，错误的用户名和密码！"); 
                } 
            }catch(Exception e){ 
                e.printStackTrace(); 
            } 
          } 
          req.setAttribute("info",info);//保存错误信息 
          req.getRequestDispatcher(path).forward(req, resp);//跳转 
        } 
      public void doPost(HttpServletRequest req,HttpServletResponse resp) 
               throws ServletException,IOException{ 
          this.doGet(req, resp);//调用doGet()操作 
      } 
} 

 编写前台显示登录页login.jsp

login.jsp 
<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%> 
<%@ page import="java.util.*"%> 
<html> 
<head> 
<title>登录页面</title> 
<script language="javaScript"> 
     function validate(f){ 
         if(!(/^\w{5,15}$/.test(f.userid.value))){   
             alert("用户ID必须是5~15位！"); 
             f.userid.focus(); 
             return false; 
         } 
         if(!(/^\w{5,15}$/.test(f.userpass.value))){ 
             alert("密码必须是5~15位！"); 
             f.userid.focus(); 
             return false; 
         } 
         return true 
     } 
</script> 
</head> 
<body> 
<h2>用户登录程序</h2> 
<% 
    request.setCharacterEncoding("utf-8"); 
%> 
<% 
    List<String>info=(List<String>)request.getAttribute("info");//取得属性 
    if(info!=null){   //判断是否有内容 
        Iterator<String>iter=info.iterator();//  实例化Iterator 
        while(iter.hasNext()){ 
%> 
             <h4><%=iter.next()%></h4> 
<%           
        } 
    } 
%> 
<form action="LoginServlet" method="post" onSubmit="return validate(this)"> 
       用户ID：<input type="text" name="userid"><br> 
       密&nbsp;&nbsp;码：      <input type="password" name="userpass"><br> 
       <input type="submit" value="登录"> 
       <input type="reset" value="重置"> 
</form> 
</body> 
</html> 

 不要忘记Servlet在web.xml中的配置

<servlet> 
       <servlet-name>MVCLogin</servlet-name> 
       <servlet-class>mvc.servlet.LoginServlet</servlet-class> 
  </servlet> 
  <servlet-mapping> 
       <servlet-name>MVCLogin</servlet-name> 
       <url-pattern>/jsp/LoginServlet</url-pattern> 
  </servlet-mapping> 

注意：关于web.xml配置路径不会的同学可以到这儿去学习http://zhaoyuqiang.blog.51cto.com/6328846/1148434 

 写完所有的程序后来执行一下：效果如下下图所示：

 从这道程序中，可以发现这样一个问题，以前的JSP页面中的代码实在太多 ，但是现在的代码明显比以前少很多了，实际上对于一个JSP页面应该只包含如下的代码：

 一个好的JSP页面应该不导入任何一个开发包，当然，这要等到我们后面的学习了。

  明白了MVC的开发之后，我们来说一下他们之间的关系：

   MVC的实际开发作用，DAO只是负责数据的操作，JSP只是负责显示，Servlet只是负责接收参数，调用javaBean，并进行跳转功能。