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_loginregist</display-name>  <!-- servlet定义 -->  <servlet>    <servlet-name>spring</servlet-name>    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>    <!-- 可以自定义servlet.xml配置文件的位置和名称，默认为WEB-INF目录下，名称为[<servlet-name>]-servlet.xml，如spring-servlet.xml    <init-param>        <param-name>contextConfigLocation</param-name>        <param-value>/WEB-INF/spring-servlet.xml</param-value>    </init-param>    -->        <!-- 设置启动的优先级，这里表示表示启动容器时初始化该Servlet -->    <load-on-startup>1</load-on-startup>  </servlet>    <!--通过将DispatcherServlet映射到/，声明了它会作为默认的servlet并且会处理所有请求，包括对静态资源的请求-->  <servlet-mapping>    <servlet-name>spring</servlet-name>    <url-pattern>/</url-pattern>  </servlet-mapping>    <!-- 配置ContextLoaderListerner -->  <listener>    <listener-class>     org.springframework.web.context.ContextLoaderListener   </listener-class>  </listener>    <!-- 可以配置contextConfigLocation初始化参数 <context-param>    <param-name>contextConfigLocation</param-name>    <param-value>/WEB-INF/court-servlet.xml</param-value></context-param>默认初始化参数为<context-param>    <param-name>contextConfigLocation</param-name>    <param-value>/WEB-INF/applicationContext.xml</param-value></context-param>这里使用默认参数-->  <!-- 跳转至首页,首页访问地址为http://localhost:8080/项目名-->  <welcome-file-list>    <welcome-file>/WEB-INF/jsp/login.jsp</welcome-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"><!-- ViewResolver  指定了表现层资源的前缀和后缀   --><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">loginAction</prop><!-- 首字母必须小写,请求"doLogin"对应loginAction处理 -->                <prop key="doRegist">registAction</prop>                <prop key="toRegist">toRegistAction</prop>                <prop key="toLogin">toLoginAction</prop>            </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">    <!-- 定义ToRegistAction -->    <bean id="toRegistAction"    class="com.htgy.actions.ToRegistAction">    </bean>    <!-- 定义ToLoginAction -->    <bean id="toLoginAction"    class="com.htgy.actions.ToLoginAction">    </bean>        <!-- 添加处理器配置 -->    <!---定义LoginAction类-->    <bean id="loginAction"        class="com.htgy.actions.LoginAction">        <property name="commandClass">            <value>com.htgy.loginform.LoginForm</value>        </property>        <!-- 指定失败要返回的页面 --> <!-- 需修改 -->        <property name="lFailView">            <value>loginFail</value>        </property>        <!-- 指定成功要返回的页面 -->        <property name="lSuccessView">            <value>loginSuccess</value>        </property>    </bean>        <!-- 定义RegistAction -->    <bean id="registAction"     class="com.htgy.actions.RegistAction">     <property name="commandClass">            <value>com.htgy.registform.RegistForm</value>    </property>    <!-- 注册成功返回的页面 -->    <property name="rSuccessView">    <value>registSuccess</value>    </property>    <!-- 取消注册返回的页面 -->    <property name="rFailView">     <value>registFail</value>    </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<String, Object> map = new HashMap<String, Object>();            map.put("LoginForm", lf);            List<String> msgList = new LinkedList<String>();            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<String, Object> map = new HashMap<String, Object>();            map.put("LoginForm", rf);            List<String> msgList = new LinkedList<String>();            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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>登录</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>    <body>  <center>    <h1>登陆</h1>    <hr>    <%        request.setCharacterEncoding("utf-8"); //解决中文乱码问题    %>    <form name="regForm" action="doLogin" method="post">        <table>            <tr>                <td>账号：</td>                <td><input type="text" name="account" />                </td>            </tr>            <tr>                <td>密码：</td>                <td><input type="password" name="password" />                </td>            </tr>            </table>            <table>            <tr>                <td colspan="1"><input type="submit" value="登录" /></td>                <td colspan="1"><input type="reset" value="重置" /></td>            </tr>            </table>    </form>    <br>还没有账号？请注册<input type="button" value="注册" onclick="window.location.href='toRegist'"/>    </center>  </body></html>

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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>登录失败</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>    <body>  <center>    登录失败<a href="toLogin">返回登录界面</a>  </center>  </body></html>

 

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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>登录成功</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>  <body>  <center>  <h1>登陆成功！！！！！！！！！！</h1>    <hr>  </center>  </body></html>

 

 

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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>注册</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>    <body>    <center>    <%        request.setCharacterEncoding("utf-8"); //解决中文乱码问题    %>    <h1>注册</h1><hr>    <form name="regform" action="doRegist" method="post">        <table>            <tr>                <td>账号：</td>                <td><input type="text"  name="account" id="account"  maxLength="10"></td>            </tr>            <tr>                <td>密码：</td>                <td><input type="password" name="passFirst" id="passFirst" maxLength="12"  />                </td>            </tr>            <tr>                <td>确认密码：</td>                <td><input type="password" name="passSecond" id="passSecond"  maxLength="12"  />            </tr>            <tr>                <td>用户名：</td>                <td><input type="text" name="username"  maxLength="9"/></td>            </tr>            </table>            <table>            <tr>                <td colspan="1"><input type="submit" value="注册" /></td>                <td colspan="1"><input type="reset" value="重置" /></td>            </tr>            </table>    </form>    <form name="regForm" action="toLogin">        <table>            <tr>                <td colspan="2"><input type="submit" value="返回登录界面" />                </td>            </tr>        </table>    </form>    </center>  </body></html>

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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>注册失败</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>    <body>  <center>    注册失败<br>    <a href="toRegist">继续注册</a>    <a href="toLogin">返回登录界面</a>  </center>  </body></html>

 

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+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>注册成功</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->  </head>    <body>     <center>  <h1>恭喜您！注册成功</h1><hr>  返回登陆页面？<a href="toLogin"/>确定</a>  </center>  </body></html>

 

大功告成！~

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

总结：

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