springmvc来试着写一个登录注册页面（1）

本篇运用springmvc来试着写一个登录注册页面

在动手之前，我们需要了解下springnvc.这里先献上一张springmvc的流程图及讲解。

　　Spring的MVC框架是一个基于DispatcherServlet的MVC框架，主要由DispatcherServlet、处理器映射、处理器、视图解析器、视图组成。每一个请求最先访问的都是DispatcherServlet，DispatcherServlet负责转发每一个Request请求给相应的Handler，Handler处理以后再返回相应的视图(View)和模型(Model)，返回的视图和模型都可以不指定，即可以只返回Model或只返回View或都不返回。

Spring MVC的原理框图:

整个处理过程从一个HTTP请求开始：
1）DispatcherServlet接收到请求后，根据对应配置文件中配置的处理器映射，找到对应的处理器映射项（HandlerMapping），根据配置的映射规则，找到对应的处理器（Handler）。
2）调用相应处理器中的处理方法，处理该请求，处理器处理结束后会将一个ModelAndView类型的数据传给DispatcherServlet，这其中包含了处理结果的视图和视图中要使用的数据。
3）DispatcherServlet根据得到的ModelAndView中的视图对象，找到一个合适的ViewResolver（视图解析器），根据视图解析器的配置，DispatcherServlet将视图要显示的数据传给对应的视图，最后给浏览器构造一个HTTP响应。
DispatcherServlet是整个Spring MVC的核心。它负责接收HTTP请求组织协调Spring MVC的各个组成部分。其主要工作有以下三项：
1）截获符合特定格式的URL请求。
2）初始化DispatcherServlet上下文对应的WebApplicationContext，并将其与业务层、持久化层的WebApplicationContext建立关联。
3）初始化Spring MVC的各个组成组件，并装配到DispatcherServlet中

 

此时，我们已经对springmvc有了一定的了解，如果您对还理不清思路，没关系，下面让我们来进行实战演练，边练边学。

首先，让我们梳理下整体步骤：

1）导入包：springframework-3.0.RELEASE全部的包，servlet-api.jar,spring-webmvc.jar,spring.jar,comoms-logging.jar，jstl.jar

2）配置/WEB-INF下的web.xml,spring配置文件spring-servlet.xml,上下文applicationContext.xml

3）创建相关类：

4）创建/WEB-INF/jsp下的jsp页面

开始配置XML文件！

web.xml

这里我们定义了请求分发Servlet，即：org.springframework.web.servlet.DispatcherServlet
DispatcherServlet 是Spring MVC 中负责请求调度的核心引擎，所有的请求将由此Servlet 根据配置分发至各个逻辑处理单元。其内部同时也维护了一个ApplicationContext实例。

xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
  <display-name>mvc_loginregistdisplay-name>

  
  <servlet>
    <servlet-name>springservlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>

    
    
    
    <load-on-startup>1load-on-startup>
  servlet>
  
  
  <servlet-mapping>
    <servlet-name>springservlet-name>
    <url-pattern>/url-pattern>
  servlet-mapping>
  
  
  <listener>
    <listener-class>
     org.springframework.web.context.ContextLoaderListener
   listener-class>
  listener>
  
  

  
  <welcome-file-list>
    <welcome-file>/WEB-INF/jsp/login.jspwelcome-file>
welcome-file-list>
web-app>

sping-servlet.xml

InternalResourceViewResolver在web应用程序的war文件中查找视图模板。视图模块的路径根据加完前缀和后缀的逻辑视图名称来确定，若返回“login”作为逻辑试图名称时，它最终会被解析成"/WEB-INF/jsp/login.jsp"路径

xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="
http://www.springframework.org/schema/beans 
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">



<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">  
    <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>  
    <property name="prefix" value="/WEB-INF/jsp/"/>  
    <property name="suffix" value=".jsp"/>  
bean>


<bean id="loginMapping"
        class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
        <property name="mappings">
            <props>
                <prop key="doLogin">loginActionprop>
                <prop key="doRegist">registActionprop>
                <prop key="toRegist">toRegistActionprop>
                <prop key="toLogin">toLoginActionprop>
            props>
        property>
    bean>
beans>

applicationContext.xml

xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="
http://www.springframework.org/schema/beans 
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">


    
    <bean id="toRegistAction"
    class="com.htgy.actions.ToRegistAction">
    bean>
    
    <bean id="toLoginAction"
    class="com.htgy.actions.ToLoginAction">
    bean>
    
    
    
    <bean id="loginAction"
        class="com.htgy.actions.LoginAction">
        <property name="commandClass">
            <value>com.htgy.loginform.LoginFormvalue>
        property>
         
        <property name="lFailView">
            <value>loginFailvalue>
        property>
        
        <property name="lSuccessView">
            <value>loginSuccessvalue>
        property>
    bean>
    
    
    <bean id="registAction" 
    class="com.htgy.actions.RegistAction"> 
    <property name="commandClass">
            <value>com.htgy.registform.RegistFormvalue>
    property>
    
    <property name="rSuccessView">
    <value>registSuccessvalue>
    property>
    
    <property name="rFailView">
     <value>registFailvalue>
    property>
    bean>
    beans>

 

下面是java类

LoginAction和RegistAction类继承了SimpleFormController，它是AbstractFormController的具体实现其功能是从表单中提取参数封装到command。

LoginAction类

package com.htgy.actions;

/*
 * 登录Controller层
 */
import java.util.HashMap;
import java.util.LinkedList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.validation.BindException;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.SimpleFormController;
import com.htgy.loginform.LoginForm;

public class LoginAction extends SimpleFormController {
    private String lFailView;
    private String lSuccessView;


    public String getLFailView() {
        return lFailView;
    }


    public void setLFailView(String lFailView) {
        this.lFailView = lFailView;
    }


    public String getLSuccessView() {
        return lSuccessView;
    }


    public void setLSuccessView(String lSuccessView) {
        this.lSuccessView = lSuccessView;
    }

    @Override
    protected ModelAndView onSubmit(HttpServletRequest request,
            HttpServletResponse response, Object command, BindException errors)
                    throws Exception {
        //讲表单的参数封装到command中
        LoginForm lf = (LoginForm)command;
        if (lf.getAccount().equals("111111") && lf.getPassword().equals("123456")){
            HashMap map = new HashMap();
            map.put("LoginForm", lf);
            List msgList = new LinkedList();
            msgList.add("你好，Spring MVC");
            map.put("msg", msgList);
            System.out.println("登录成功");
            //返回视图和模型，this.getLSuccessView()为视图，map为模型
            return new ModelAndView(this.getLSuccessView(),map); 
        }else{
            return new ModelAndView(this.getLFailView());
        }
    }
}

RegsitAction类

package com.htgy.actions;
/*
 * 注册Controller层
 */
import java.util.HashMap;
import java.util.LinkedList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.validation.BindException;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.SimpleFormController;
import com.htgy.registform.RegistForm;

public class RegistAction extends SimpleFormController{
    private String rFailView;
    private String rSuccessView;
    
    
    public String getRFailView() {
        return rFailView;
    }


    public void setRFailView(String rFailView) {
        this.rFailView = rFailView;
    }


    public String getRSuccessView() {
        return rSuccessView;
    }


    public void setRSuccessView(String rSuccessView) {
        this.rSuccessView = rSuccessView;
    }


    @Override
     protected ModelAndView onSubmit(HttpServletRequest request,
                HttpServletResponse response, Object command, BindException errors)
                throws Exception {
        //讲表单的参数封装到command中
        RegistForm rf = (RegistForm)command;
        if (rf.getAccount().equals("111111") && rf.getPassFirst().equals("123456")
                &&rf.getPassSecond().equals("123456")){
            HashMap map = new HashMap();
            map.put("LoginForm", rf);
            List msgList = new LinkedList();
            msgList.add("你好，Spring MVC");
            map.put("msg", msgList);
            //返回视图和模型，this.getRSuccessView()为视图，map为模型
            return new ModelAndView(this.getRSuccessView(),map);
        }else{
            return new ModelAndView(this.getRFailView());
        }
        }
    
}

SimpleFormController类中的onsubmit方法用于获取表单传递的信息

ToLoginAction类

package com.htgy.actions;

/*
 * 跳转到login.jsp页面
 */
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.springframework.web.servlet.ModelAndView;  
import org.springframework.web.servlet.mvc.Controller;  
public class ToLoginAction implements Controller {  
    @Override  
    public ModelAndView handleRequest(HttpServletRequest req, HttpServletResponse resp) throws Exception {  
         return new ModelAndView("login");
    }  
}  

ToRegistAction类

package com.htgy.actions;

/*
 * 跳转到regist.jsp页面
 */
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.springframework.web.servlet.ModelAndView;  
import org.springframework.web.servlet.mvc.Controller;  
public class ToRegistAction implements Controller {  
    @Override  
    public ModelAndView handleRequest(HttpServletRequest req, HttpServletResponse resp) throws Exception {  
    return new ModelAndView("regist");
    }  
}

 

Controller接口仅仅声明了一个方法handleRequest，它负责处理请求并返回合适的模型和视图。

LoginForm类

 

package com.htgy.loginform;

/*
 * 登录表单类
 */
public class LoginForm {
     private String account;
     private String password;

        public String getPassword() {
            return password;
        }

        public void setPassword(String password) {
            this.password = password;
        }

        public String getAccount() {
            return account;
        }

        public void setAccount(String account) {
            this.account = account;
        }
}

 

RegistForm类

package com.htgy.registform;

/*
 * 注册表单类
 */
public class RegistForm {
    private String account;
    private String passFirst;
    private String passSecond;
    public String getAccount() {
        return account;
    }
    public void setAccount(String account) {
        this.account = account;
    }
    public String getPassFirst() {
        return passFirst;
    }
    public void setPassFirst(String passFirst) {
        this.passFirst = passFirst;
    }
    public String getPassSecond() {
        return passSecond;
    }
    public void setPassSecond(String passSecond) {
        this.passSecond = passSecond;
    }

}

表单类必须具有set和get方法，便于请求的封装和提取。

jsp页面

login.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
  
    
登陆
    

    <%
        request.setCharacterEncoding("utf-8"); //解决中文乱码问题
    %>
    

        

            

                
账号：
                

                
            
            

                
密码：
                

                
            
            
            
    
    
还没有账号？请注册
    
  

loginFail.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
  
    登录失败返回登录界面
  
  

 

loginSuccess.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
  
登陆成功！！！！！！！！！！
    

  
  

 

 

regist.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
    
    <%
        request.setCharacterEncoding("utf-8"); //解决中文乱码问题
    %>
    
注册

    

        

            

                
账号：
                

            
            

                
密码：
                

                
            
            

                
确认密码：
                

            
            

                
用户名：
                

            
            
            
    
    

        
    
    
  

registFail.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
  
    注册失败

    继续注册
    返回登录界面
  
  

 

registSuccess.jsp

 

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    
    
    
    
        
    
    
    

  
  
  
     
  
恭喜您！注册成功

  返回登陆页面？确定
  
  

 

大功告成！~

本篇只是让大家初步了解了springmvc的构建和运行原理，之后我们再通过加入数据库来进行更深层次的了解。

总结：

1）在最开始接触springmvc时候，经常会把请求和视图搞反，正确的理解应该是客户传递请求给dispatcherServlet，dispatcherServlet处理请求后再将相应的视图传递给客户。