SpringMVC入门简单示例——Hello Spring MVC

雨点打透心脏的1/2处 2023-06-06 05:00 10阅读 0赞

## 说明 ##

学习SpringMVC，写一个简单入门示例，我总觉得我自己学任何东西都是快不了的，都要从最简单的入手，但是只要简单的我能理解好，我觉得难的都是因为简单的叠加在一起产生的，所以只要简单的学好了，就不用害怕。所以我会更注重最简单的示例。

## 环境 ##

eclipse Mars  
jdk1.7  
tomcat8  
可以参考[这里][Link 1]

## 目录 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70]

## 步骤 ##

先在lib目录下添加jar包，这里已经不知道哪些要加哪些不用加了，全部都加了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][20191010112640484.png]  
在WEB-INF下新建**web.xml**配置文件，代码如下：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    	<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>

然后同样在WEB-INF下新建**springmvc-servlet.xml**配置文件，这是springmvc的映射配置文件，代码如下：

<?xml version="1.0" encoding="UTF-8"?>
    
    <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
    <beans>
    	<bean id="simpleUrlHandlerMapping" class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">
    		
    		<property name="mappings">
    			<props>
    				<prop key="/index">indexController</prop>
    			</props>
    		</property>
    	</bean>
    	
    	<bean id="indexController" class="com.shanmu.controller.IndexController"></bean>
    </beans>

在src下建一个包我这里叫com.shanmu.controller，在下面建一个类，我这里叫**IndexController**，这个路径是springmvc-servlet.xml中bean配置的class，代码如下：

package com.shanmu.controller;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.springframework.web.servlet.ModelAndView;
    import org.springframework.web.servlet.mvc.Controller;
    
    //实现Controller接口，实现接口中的方法
    public class IndexController implements Controller{
    
    	//通过ModelAndView对象把模型和视图结合在一起
    	@Override
    	public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
    		// TODO Auto-generated method stub
    		//通过配置文件springmvc-servlet.xml以及ModelAndView类将index.jsp视图与IndexController.java类结合在一起
    		ModelAndView mav=new ModelAndView("index.jsp");
    		//加入模型数据和内容
    		mav.addObject("message","Hello Spring MVC");
    		return mav;
    	}
    	
    }

在WebContent下写一个界面，代码如下，这里采用EL表达式

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" isELIgnored="false"%>
    <!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>
    	<h1>${message }</h1>
    </body>
    </html>

## 结果 ##

访问http://127.0.0.1:8080/springmvc/index，可得到下面的结果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70 2]

[Link 1]: http://how2j.cn/k/springmvc/springmvc-springmvc/615.html#nowhere
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70]: /images/20230601/60dec7a018504e30b933ea5579bd0355.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70 1]: /images/20230601/14a36c3fe7d1459f9d615801bd09014e.png
[20191010112640484.png]: /images/20230601/9ed0656e2bc2442782e92feeaf0ca6c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhbnNtdQ_size_16_color_FFFFFF_t_70 2]: /images/20230601/89d49721211e47439082d9459ad79d6d.png