零基础在IDEA下使用maven搭建springMVC框架超详细步骤

1.首先创建一个普通的Java工程，然后一直next，最后取名springMVC（名字随意）点finish

2.右键点击新创建的工程new一个module，然后选择Maven

然后点next起名字，点击展开Artfact Coordinates把Groupld改为com.atguigu.mvc,再点finish.

3.添加依赖：在pro.xml中添加以下依赖（直接复制代码即可）

    4.0.0

    com.atguigu.mvc
    springMVC-demo1
    1.0-SNAPSHOT
    war

    
        
        
            org.springframework
            spring-webmvc
            5.3.1
        

        
        
            ch.qos.logback
            logback-classic
            1.2.3
        

        
        
            javax.servlet
            javax.servlet-api
            3.1.0
            provided
        

        
        
            org.thymeleaf
            thymeleaf-spring5
            3.0.12.RELEASE
        
    

如图所示：

 4.添加web模块：在src下的main右键new一个Directory名字为webapp（名字固定）（注意如果完成第四步后webapp文件夹没有小蓝点，点击项目右上角maven刷新按钮即可）

 添加web.xml：在Project Structure中点击Modules，在刚刚新建的module下选择web，之后点击下图所示的加号添加web.xml文件，并且将路径中springMVC-demo3（自己起的module名字）后的路径改为\src\main\webapp\WEB-INF\web.xml（）（直接复制即可，注意这不是整个路径，而是只改你自己起的module名字后面的路径），修改完毕后点击ok，再点击右下角的apply，最后点击ok。

 5.配置web.xml:直接复制以下代码粘贴至web.xml文件中即可。

    
    
        CharacterEncodingFilter
        org.springframework.web.filter.CharacterEncodingFilter
        
            encoding
            UTF-8
        
        
            forceResponseEncoding
            true
        
    
    
        CharacterEncodingFilter
        /*
    

    
        DispatcherServlet
        org.springframework.web.servlet.DispatcherServlet
        
            contextConfigLocation
            classpath:springMVC.xml
        
        1
    
    
        DispatcherServlet
        /
    

如图所示：

 6.创建控制器：在main下的java文件夹添加一个名为mvc.controller.TestController类，并将以下代码复制到类中

@Controller
public class TestController {
    
}

 如图所示：

7.配置springMVC文件：在main下的resources文件夹右键new一个xml中的spring config文件，取名叫springMVC.xml

 将以下代码复制到springMVC.xml中

8.创建页面文件夹：在webpp下的WEB-INF下创建一个名为templates（名字固定）的文件夹，在templates下右键new一个名为index.html的HTML5文件，将以下代码复制到index.html

    
    


首页

如图所示：

 9.实现跳转到首页的功能：复制以下代码到TestController类中

@Controller
public class TestController {

    @RequestMapping("/")
    public String index(){
        return "index";
    }
}

10.配置tomcat（需要修改的地方都已标出，其他地方可改可不改）

 点击加号部署，选择下图所示的（...:war wxploded）,修改路径点击apply

 11.点击debug或者run运行成功

跳转成功