Springmvc框架搭建与学习

1、目的：对springmvc进行初步的了解，然后怎么搭建springmvc框架

目的1解决，对于springmvc的学习理解，对于springmvc就是一个前端的web框架，目的就是简化日常的web开发；是一个请求驱动类型的轻量级框架（请求响应模型）

对于其具体的学习可以参考博客： 点击打开链接  

目的2解决：springmvc的搭建：

 操作步骤：

1、项目的整体目录结构：

             

第一步、配置web.xml文件；对于一个web项目为什么要配置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"
    id="WebApp_ID" version="2.5">
    
    <!-- 配置DispatchcerServlet -->
    <servlet>
        <servlet-name>springDispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- 配置Spring mvc下的配置文件的位置和名称 -->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springDispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>
    

备注： 该配置文件主要配置DispatchServlet加载springmvc.xml配置文件；

第二步：配置springmvc.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:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">
        
        
        <!-- 配置自动扫描的包 -->
        <context:component-scan base-package="com.springmvc"></context:component-scan>
        
        <!-- 配置视图解析器 如何把handler 方法返回值解析为实际的物理视图 -->
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name = "prefix" value="/WEB-INF/views/"></property>
            <property name = "suffix" value = ".jsp"></property>
        </bean>
            
<!-- 避免IE执行AJAX时,返回JSON出现下载文件 -->  
    <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">  
        <property name="supportedMediaTypes">  
            <list>  
                <value>text/html;charset=UTF-8</value>  
            </list>  
        </property>  
    </bean>  

    <!-- 启动Spring MVC的注解功能，完成请求和注解POJO的映射 -->  
    <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
        <property name="messageConverters">  
            <list>  
                <ref bean="mappingJacksonHttpMessageConverter" /><!-- json转换器 -->  
            </list>  
        </property>  
    </bean> 
    
</beans>

备注： 需要配置的东西有，类的自动扫描注解，视图解析器（在返回页面后定位页面的所在文件位置，一般为WEB-INF/views/目录下面） 如果有ajax 请求文件设置文件返回格式，这个根据需求进行个性化配置

第三步：java文件创建 HelloWorld.java

package com.springmvc;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class HelloWorld {

    /**
     * 1. 使用RequestMapping注解来映射请求的URL
     * 2. 返回值会通过视图解析器解析为实际的物理视图, 对于InternalResourceViewResolver视图解析器，会做如下解析
     * 通过prefix+returnVal+suffix 这样的方式得到实际的物理视图，然后会转发操作
     * "/WEB-INF/views/success.jsp"
     * @return
     */
	 
    @RequestMapping("/helloworld")   
    public String hello(){
    	
        System.out.println("hello world");
        
        
        return "success";
    }
     
    @ResponseBody 
    @RequestMapping("/hello")
    public Map<String, String> hello2(HttpServletRequest request){
    	
        System.out.println("hello world2");
        Map<String,String> result = new HashMap<String,String>();
        String para= request.getParameter("para");
        System.out.println(para);
        //校验 代码...
        result.put("flag", "true");
        
        return result;
    }
    
}

备注：注意注解的配置，代码的注解

第四步：index.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>

<a href="helloworld">hello world</a>

</body>
</html>

第五步： 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=ISO-8859-1">
<script type="text/JavaScript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<title>Insert title here</title>
</head>
<body>

<h4>Success Page</h4>
  <div>
      <input id="aj" type="button" οnclick="check()" value="ajax">
  </div>
    
 <script>
    check=function(){
     alert("-----18进入------");
	 var url = "http://localhost:8080/springmvc-demo/hello";
	 $.ajax({
	     type: "post",
	     url: url,
	     data: {"para":1},
	     cache: false,
	     async : false,
	     dataType: "json",
	     success: function (data)
	     {
	            if(data.flag){
	            	alert("正确传回 " );
	            }
	            alert("合法！");
	            
	     },
	     error:function (XMLHttpRequest) {      
	         alert("请求失败！");
	     }
	  });
 }

 </script>
</body>
</html>

备注：该页面实现了一次ajax请求操作  

问题：注意这个ajax请求的路径；

项目的github下载地址：https://github.com/zhangxn8/springmvc-demo