IDEA Intellij中SpringMVC框架搭建全过程

分手后的思念是犯贱 2023-10-03 19:26 54阅读 0赞

#### 文章目录 ####

*  创建module工程
 *  在pom.xml中配置依赖
 *  新建web.xml
 *  配置web.xml
 *  在resources中创建和配置springMVC.xml
 *   *  配置扫描组件
     *   *  springMVC.xml中完整的头部配置：
         *  配置扫描组件
     *  配置Thymeleaf视图解析器
 *  springMVC.xml中可选配置
 *  测试
 *  配置tomcat服务器

## 创建module工程 ##

![在这里插入图片描述][2e84426f458040a28738c7b811183b85.png]  
![在这里插入图片描述][759bb242ef3e462c8bfde137c19e4340.png]  
注意要是maven工程  
给项目起个名，点击finish  
![在这里插入图片描述][57f7ace5df684aaaa3998dc1112fa75d.png]  
![在这里插入图片描述][946195201a5d4eccbb5446417a922e9d.png]

## 在pom.xml中配置依赖 ##

<packaging>war</packaging>
    
        <dependencies>
            
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>5.3.1</version>
            </dependency>
    
            
            <dependency>
                <groupId>ch.qos.logback</groupId>
                <artifactId>logback-classic</artifactId>
                <version>1.2.3</version>
            </dependency>
    
            
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <version>3.1.0</version>
                <scope>provided</scope>
            </dependency>
    
            
            <dependency>
                <groupId>org.thymeleaf</groupId>
                <artifactId>thymeleaf-spring5</artifactId>
                <version>3.0.12.RELEASE</version>
            </dependency>
        </dependencies>

将上面的配置代码复制到pom.xml中  
![在这里插入图片描述][b164e8fc6d40482eb211c8296451e7c9.png]  
在main中新建webapp文件夹  
![在这里插入图片描述][eba03fc4ec8c499e8ba40163dd7dfc79.png]

！！注意此处webapp文件夹要有一个小点才说明建立成功  
若像上图一样没有小点可尝试刷新pom.xml配置文件！！

![在这里插入图片描述][ac81e5da86e04aae8b14d818d25d58f4.png]  
然后webapp文件夹就有小点了！  
![在这里插入图片描述][748983c472204cdc98bedc91c425d6fe.png]

## 新建web.xml ##

在项目结构中添加配置web.xml  
![在这里插入图片描述][37f3a89b28164047a9e837d969ce8770.png]  
注意它的默认路径是这个样子的  
![在这里插入图片描述][a975c4da9a8043998dd4bdeb71576613.png]  
我们要把它配置成下面这样  
![在这里插入图片描述][c94de06602e049c88e8732113d969e94.png]

在WEB-INF前添加：

src\main\webapp\

点击ok，apply，ok  
![在这里插入图片描述][205c1facfcf047dcb58486e9a6869e2d.png]

## 配置web.xml ##

在web.xml中配置编码过滤器和springMVC的前端控制器DispatcherServlet

<filter>
            <filter-name>CharacterEncodingFilter</filter-name>
            <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        
            <init-param>
                <param-name>encoding</param-name>
                <param-value>UTF-8</param-value>
            </init-param>
            <init-param>
                <param-name>forceResponseEncoding</param-name>
                <param-value>true</param-value>
            </init-param>
    
        </filter>
        <filter-mapping>
            <filter-name>CharacterEncodingFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    
    	 
        <filter>
            <filter-name>HiddenHttpMethodFilter</filter-name>
            <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
        </filter>
        <filter-mapping>
            <filter-name>HiddenHttpMethodFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
    
    
    
        <servlet>
            <servlet-name>DispatcherServlet</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        
            <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>DispatcherServlet</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>

## 在resources中创建和配置springMVC.xml ##

![在这里插入图片描述][708073a2ef504cbfbf79e06a13785706.png]  
![在这里插入图片描述][7822f5510dd8437dbd57c2c8986ebf40.png]

### 配置扫描组件 ###

![在这里插入图片描述][5e6dc11378e242378b0bcd72013ca6e6.png]  
注意没有声明命名空间要在beans中声明一下

xmlns:context="http://www.springframework.org/schema/context"

#### 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"
           xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">

#### 配置扫描组件 ####

<context:component-scan base-package="com.atguigu.mvc.controller"></context:component-scan>

package中写自己项目中controller文件夹对应的路径

### 配置Thymeleaf视图解析器 ###

<bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
            <property name="order" value="1"/>
            <property name="characterEncoding" value="UTF-8"/>
            <property name="templateEngine">
                <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                    <property name="templateResolver">
                        <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
    
                            
                            <property name="prefix" value="/WEB-INF/templates/"/>
    
                            
                            <property name="suffix" value=".html"/>
                            <property name="templateMode" value="HTML5"/>
                            <property name="characterEncoding" value="UTF-8" />
                        </bean>
                    </property>
                </bean>
            </property>
        </bean>

springMVC.xml中  
![在这里插入图片描述][ad9584cbaf1e4fdfbdc0440f2480b08d.png]

注意Thymeleaf中的视图前缀是这个  
![在这里插入图片描述][0e67ce96567c41aea2b9ee6b455fddcd.png]  
所以要在WEB-INF中创建templates文件夹存放html文件  
![在这里插入图片描述][977b879d073f40c188d6f65cd5483cb8.png]

## springMVC.xml中可选配置 ##

<mvc:view-controller path="/" view-name="index"></mvc:view-controller>
    
    
        <mvc:default-servlet-handler/>
    
    
        <mvc:annotation-driven />

## 测试 ##

在测试类testController中写一个测试方法  
![在这里插入图片描述][2b4b0f4fdf194dc0835b2b836a24c52d.png]

新建一个用于测试的html  
![在这里插入图片描述][ba85af0b5cca4f8590ad1e19e504ec16.png]  
注意html标签中要添加

xmlns:th="http://www.thymeleaf.org"

## 配置tomcat服务器 ##

![在这里插入图片描述][59db875cee1343e2b1351aa69f6248d7.png]

启动tomcat服务器后成功显示就证明springMVC配置成功了！！  
![在这里插入图片描述][e90612579a2342e7994f7202d19285a8.png]

[2e84426f458040a28738c7b811183b85.png]: https://img-blog.csdnimg.cn/2e84426f458040a28738c7b811183b85.png
[759bb242ef3e462c8bfde137c19e4340.png]: https://img-blog.csdnimg.cn/759bb242ef3e462c8bfde137c19e4340.png
[57f7ace5df684aaaa3998dc1112fa75d.png]: https://img-blog.csdnimg.cn/57f7ace5df684aaaa3998dc1112fa75d.png
[946195201a5d4eccbb5446417a922e9d.png]: https://img-blog.csdnimg.cn/946195201a5d4eccbb5446417a922e9d.png
[b164e8fc6d40482eb211c8296451e7c9.png]: https://img-blog.csdnimg.cn/b164e8fc6d40482eb211c8296451e7c9.png
[eba03fc4ec8c499e8ba40163dd7dfc79.png]: https://img-blog.csdnimg.cn/eba03fc4ec8c499e8ba40163dd7dfc79.png
[ac81e5da86e04aae8b14d818d25d58f4.png]: https://img-blog.csdnimg.cn/ac81e5da86e04aae8b14d818d25d58f4.png
[748983c472204cdc98bedc91c425d6fe.png]: https://img-blog.csdnimg.cn/748983c472204cdc98bedc91c425d6fe.png
[37f3a89b28164047a9e837d969ce8770.png]: https://img-blog.csdnimg.cn/37f3a89b28164047a9e837d969ce8770.png
[a975c4da9a8043998dd4bdeb71576613.png]: https://img-blog.csdnimg.cn/a975c4da9a8043998dd4bdeb71576613.png
[c94de06602e049c88e8732113d969e94.png]: https://img-blog.csdnimg.cn/c94de06602e049c88e8732113d969e94.png
[205c1facfcf047dcb58486e9a6869e2d.png]: https://img-blog.csdnimg.cn/205c1facfcf047dcb58486e9a6869e2d.png
[708073a2ef504cbfbf79e06a13785706.png]: https://img-blog.csdnimg.cn/708073a2ef504cbfbf79e06a13785706.png
[7822f5510dd8437dbd57c2c8986ebf40.png]: https://img-blog.csdnimg.cn/7822f5510dd8437dbd57c2c8986ebf40.png
[5e6dc11378e242378b0bcd72013ca6e6.png]: https://img-blog.csdnimg.cn/5e6dc11378e242378b0bcd72013ca6e6.png
[ad9584cbaf1e4fdfbdc0440f2480b08d.png]: https://img-blog.csdnimg.cn/ad9584cbaf1e4fdfbdc0440f2480b08d.png
[0e67ce96567c41aea2b9ee6b455fddcd.png]: https://img-blog.csdnimg.cn/0e67ce96567c41aea2b9ee6b455fddcd.png
[977b879d073f40c188d6f65cd5483cb8.png]: https://img-blog.csdnimg.cn/977b879d073f40c188d6f65cd5483cb8.png
[2b4b0f4fdf194dc0835b2b836a24c52d.png]: https://img-blog.csdnimg.cn/2b4b0f4fdf194dc0835b2b836a24c52d.png
[ba85af0b5cca4f8590ad1e19e504ec16.png]: https://img-blog.csdnimg.cn/ba85af0b5cca4f8590ad1e19e504ec16.png
[59db875cee1343e2b1351aa69f6248d7.png]: https://img-blog.csdnimg.cn/59db875cee1343e2b1351aa69f6248d7.png
[e90612579a2342e7994f7202d19285a8.png]: https://img-blog.csdnimg.cn/e90612579a2342e7994f7202d19285a8.png