spring web mvc 的一个简单实例

秒速五厘米 2022-09-27 04:59 215阅读 0赞

1.准备开发环境和运行环境

开发工具：eclipse-jee-neon-2-win32-x86\_64

运行环境：apache-tomcat-8.0.33

项目工程环境：Maven Project

spring框架及依赖jar包：通过pom.xml配置

在eclipse中创建一个Maven project，并配置环境，图示如下：

![Center][]

（图一）

![Center 1][]

（图二）

![Center 2][]

（图三）

![Center 3][]

（图四）

![Center 4][]

（图五），图一至图五，创建maven项目。

![Center 5][]

（图六）

![Center 6][]

（图七），图六至图七，添加web.xml文件，解决异常信息。

在eclipse中添加maven支持，图示如下：

![Center 7][]

（图八）

![Center 8][]

（图九）

![Center 9][]

（图十）

![Center 10][]

（图十一）

![Center 11][]

（图十二）

![Center 12][]

（图十三）

![Center 13][]

（图十四），图八至图十四，添加maven，设置本地仓库和url链接地址。

在settings.xml中的配置：

<localRepository>D:\repo2</localRepository>

<mirrors>
        
        
        
    		
        
        <mirror>
            <id>nexus-aliyun</id>
            <mirrorOf>*</mirrorOf>
            <name>Nexus aliyun</name>
            <url>http://10.10.24.210:9988/nexus/content/groups/public/</url>
        </mirror> 
    	
      </mirrors>

在pom.xml中配置好要添加的环境，如下：

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    	<modelVersion>4.0.0</modelVersion>
    	<groupId>cn.icloudit</groupId>
    	<artifactId>maventest1</artifactId>
    	<version>0.0.1-SNAPSHOT</version>
    	<packaging>war</packaging>
    
    	<dependencies>
    		
    		<dependency>
    			<groupId>org.apache.tomcat</groupId>
    			<artifactId>tomcat-catalina</artifactId>
    			<version>8.0.33</version>
    		</dependency>
    		
    		<dependency>
    			<groupId>org.springframework</groupId>
    			<artifactId>spring-webmvc</artifactId>
    			<version>4.3.6.RELEASE</version>
    		</dependency>
    		<dependency>
    			<groupId>org.springframework</groupId>
    			<artifactId>spring-tx</artifactId>
    			<version>4.3.6.RELEASE</version>
    		</dependency>
    		
    		<dependency>
    			<groupId>jstl</groupId>
    			<artifactId>jstl</artifactId>
    			<version>1.2</version>
    		</dependency>
    	</dependencies>
    </project>

耐心等待配置加载完成，完成后会配置好这些jar文件到项目环境中，如下：

![Center 14][]

（图十五）

创建jsp页面，添加tomcat运行环境，并运行如下：

![Center 15][]

（图十六）

运行结果成功，可见tomcat是可以使用的。如(图十七)：

![Center 16][]

2.前端控制器的配置，web.xml文件

<?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"
    	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>maventest1</display-name>
    	<welcome-file-list>
    		<welcome-file>index.html</welcome-file>
    		<welcome-file>index.htm</welcome-file>
    		<welcome-file>index.jsp</welcome-file>
    		<welcome-file>default.html</welcome-file>
    		<welcome-file>default.htm</welcome-file>
    		<welcome-file>default.jsp</welcome-file>
    	</welcome-file-list>
    
    	
    	<servlet>
    		
    		<servlet-name>springmvc</servlet-name>
    		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    		
    		<load-on-startup>1</load-on-startup>
    	</servlet>
    	<servlet-mapping>
    		<servlet-name>springmvc</servlet-name>
    		
    		
    		<url-pattern>/</url-pattern>
    	</servlet-mapping>
    
    </web-app>

3.在spring配置文件中配置**HandlerMapping**、**HandlerAdapter、ViewResolver。**

**springmvc-servlet.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" xmlns:p="http://www.springframework.org/schema/p"
    	xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context"
    	xmlns:aop="http://www.springframework.org/schema/aop"
    	xsi:schemaLocation="
    	http://www.springframework.org/schema/beans 
    	http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
    	http://www.springframework.org/schema/tx
    	http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
    	http://www.springframework.org/schema/context
    	http://www.springframework.org/schema/context/spring-context-4.0.xsd
    	http://www.springframework.org/schema/aop
    	http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
    	">
    
    	
    	
    	<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"></bean>
    	
    	<bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"></bean>
    	
    	
    	<bean name="/component" class="cn.icloudit.computer.web.action.ComponentAction"></bean>
    
    	
    	
    	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    		
    		<property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
    		
    		<property name="prefix" value="/WEB-INF/content/" />
    		<property name="suffix" value=".jsp" />
    	</bean>
    </beans>

4. 开发处理器**/**页面控制器  
Component.java

package cn.icloudit.computer.web.action;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.springframework.web.servlet.ModelAndView;
    import org.springframework.web.servlet.mvc.Controller;
    
    /**
     * 开发处理器/页面控制器
     * org.springframework.web.servlet.mvc.Controller：页面控制器/处理器必须实现 Controller 接口，注意别选错了
     * @author Administrator
     *
     */
    public class ComponentAction implements Controller{
    
    	/**
    	 *public ModelAndView handleRequest(HttpServletRequest req, HttpServletResponse resp) ：
    	 *功能处理方法，实现相应的功能处理，比如收集参数、验证参数、绑定参数到命令对象、将命令对象传入业务对象进行业务处理、最后返回 ModelAndView 对象.
    	 *
    	 *ModelAndView：包含了视图要实现的模型数据和逻辑视图名；
    	 *“mv.addObject("message", "Hello World!");”表示添加模型数据，此处可以是任意 POJO 对象；
    	 *“mv.setViewName("hello");”表示设置逻辑视图名为“hello”，视图解析器会将其解析为具体的视图，
    	 *如前边的视图解析器 InternalResourceVi。wResolver 会将其解析为“WEB-INF/jsp/hello.jsp”
    	 */
    	public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
    		//1、收集参数、验证参数
    		//2、绑定参数到命令对象
    		//3、将命令对象传入业务对象进行业务处理
    		//4、选择下一个页面
    		String msg = "HELLO SPRINGMVC!";
    		ModelAndView mv = new ModelAndView();
    		//添加模型数据 可以是任意的POJO对象
    		mv.addObject("message",msg);
    		//设置逻辑视图名，视图解析器会根据该名字解析到具体的视图页面
    		mv.setViewName("success");
    		return mv;
    	}
    	
    }

5.开发视图页面

**创建/WEB-INF/content/success.jsp视图页面**

<%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    </head>
    <body>
    	获取返回结果：${message}<br>
    </body>
    </html>

6.启动服务器，运行测试

**![Center 17][]**

运行步骤：  
1、 首先用户发送请求  http://localhost:8080/maventest1/component——>web 容器，web 容器根据“/component”路径映射到  
DispatcherServlet（url-pattern 为/）进行处理；  
2、  DispatcherServlet——>BeanNameUrlHandlerMapping  进行请求到处理的映射，BeanNameUrlHandlerMapping 将  
“/component”路径直接映射到名字为“/component”的 Bean 进行处理，即 HelloWorldController，BeanNameUrlHandlerMapping  
将其包装为 HandlerExecutionChain（只包括 ComponemtAction 处理器，没有拦截器） ；  
3、  DispatcherServlet——> SimpleControllerHandlerAdapter，SimpleControllerHandlerAdapter 将 HandlerExecutionChain  
中的处理器（ComponemtAction）适配为 SimpleControllerHandlerAdapter；  
4、  SimpleControllerHandlerAdapter — — > ComponentAction 处 理 器 功 能 处 理 方 法 的 调 用 ，  
SimpleControllerHandlerAdapter 将会调用处理器的 handleRequest 方法进行功能处理，该处理方法返回一  
个 ModelAndView 给 DispatcherServlet；  
5、 success（ModelAndView 的逻辑视图名）——>InternalResourceViewResolver， InternalResourceViewResolver使用  
JstlView，具体视图页面在/WEB-INF/content/success.jsp；  
6、  JstlView（/WEB-INF/conent/success.jsp）——>渲染，将在处理器传入的模型数据(message=HelloWorld！)在视图中展示出  
来；  
7、  返回控制权给 DispatcherServlet，由 DispatcherServlet 返回响应给用户，到此一个流程结束。  
到此 HelloWorld 就完成了，步骤是不是有点多？而且回忆下我们主要进行了如下配置：  
1、 前端控制器 DispatcherServlet；  
2、 HandlerMapping  
3、 HandlerAdapter  
4、 ViewResolver  
5、 处理器/页面控制器  
6、 视图

[Center]: /images/20220708/fb337e58b704461d87b707f59fd6ac34.png
[Center 1]: /images/20220708/ea9580170a134b99b849063a311ef558.png
[Center 2]: /images/20220708/8e31ba54e79444a79da6c3d5de022a90.png
[Center 3]: /images/20220708/504a6bf68e45443e8d1efe9120c0205f.png
[Center 4]: /images/20220708/f7509facfdef416594c7340dda4394d9.png
[Center 5]: /images/20220708/99e14319f55d4fd195a06c53d469825e.png
[Center 6]: /images/20220708/75936b9ca1e64f77ba5b2259b3cb74b8.png
[Center 7]: /images/20220708/1537ef9d7016444cbcc0e444c8d5e720.png
[Center 8]: /images/20220708/afee1a704dcb460483d4a7ecd00fd9e3.png
[Center 9]: /images/20220708/537922d9f4864239b808ace395b60be4.png
[Center 10]: /images/20220708/bfe29919a43d4d9dbdeb3beb55ad63fa.png
[Center 11]: /images/20220708/fe0e4554d3574ab7b4fc84d5a2243e13.png
[Center 12]: /images/20220708/86989b8977f742aa8858d5d3a633ebfe.png
[Center 13]: /images/20220708/3bc2bb2e41704827a1bbea76bdef5485.png
[Center 14]: /images/20220708/ee0931e2562f4eeea6ca8ead02f40e88.png
[Center 15]: /images/20220708/b61def3c00004520b5876cd5e87411c1.png
[Center 16]: /images/20220708/ba5e4bd81c8e45599235a678d3c7b1b7.png
[Center 17]: /images/20220708/0dbcb1fcc8c6440bae798692ceb382b0.png