【无标题】springMVC环境搭建

港控/mmm° 2024-03-31 05:10 36阅读 0赞

#### 目录 ####

*   *   *  新建maven项目
         *  配置pom.xml环境
         *  配置webapp
         *  配置web.xml
         *  配置springMVC.xml
         *  在java下添加测试类
         *  添加Tomcat本地服务
         *  测试

#### 新建maven项目 ####

![在这里插入图片描述][999a1fbc28fa44ce9e09e29aaef73761.png]  
![在这里插入图片描述][2c1890f39f2c4b518a2c27679e9e59e9.png]

#### 配置pom.xml环境 ####

<?xml version="1.0" encoding="UTF-8"?>
    <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>com.aiit.mvc</groupId>
        <artifactId>springMVC-demo4</artifactId>
        <version>1.0-SNAPSHOT</version>
        <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>
    
    </project>

#### 配置webapp ####

![在这里插入图片描述][cac22e4b573544aaa58c699b75e55204.png]  
![添加路径，将WEB-INF放入webapp下][WEB-INF_webapp]  
添加路径，将WEB-INF放入webapp下  
![在这里插入图片描述][9e6aedae12194424899968eefe3aaa06.png]

#### 配置web.xml ####

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
        
        <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>
    
        
        <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>
    </web-app>

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

在resources下添加springMVC.xml  
![在这里插入图片描述][ae972442626a41cbbddf9752e9122177.png]

#### 配置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.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
    
        
        <context:component-scan base-package="com.aiit.mvc.controller" />
    
        
        <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>
    
    </beans>

#### 在java下添加测试类 ####

以扫描组件的配置地址为包创建测试类  
![在这里插入图片描述][9e70eebb32734f59923a9f7b771e4105.png]

因为我们在视图前缀中写的是在WEB-INF下创建包templates，所以创建templates包以及index.html文件  
![在这里插入图片描述][3e4ffdaca30d4539b88f732a641a9cdc.png]

编写testController类  
![在这里插入图片描述][4e0a21c29c584834954d02050c86eec6.png]

通过RequestMapping注解定位到index()方法，跳转到index.html  
编写index.html，添加thymeleaf，添加跳转成功后的success.html  
![在这里插入图片描述][24a3f38e2cd14e3488b9a012fc421190.png]  
![在这里插入图片描述][9eec4484499341198bdfa8d1fab82781.png]  
创建testSuccess类，接收a标签的跳转  
![在这里插入图片描述][a86f0239c7d549e7a10b8372eb2e887d.png]

#### 添加Tomcat本地服务 ####

![在这里插入图片描述][f64b259f2914426182df359bcaa78ab2.png]  
![在这里插入图片描述][350785d4c6e04aec8149aed72c43cd33.png]

#### 测试 ####

点击debug测试  
![在这里插入图片描述][0344aeedc7bd4c76b2a90c35785a0755.png]  
![在这里插入图片描述][aed07b16e5bf437ab15f28c5220ad57f.png]  
![在这里插入图片描述][b0cc4f30cbb64eb697cee1dc4f1b2fbc.png]

[999a1fbc28fa44ce9e09e29aaef73761.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/18fe4b76efd74056bb1b91734e508481.png
[2c1890f39f2c4b518a2c27679e9e59e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/3f674eb5a99949cc9201ea694eca07aa.png
[cac22e4b573544aaa58c699b75e55204.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/555bf44de83d49e481af36373c953b6c.png
[WEB-INF_webapp]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/981ac8d8d32b44d39eacc24f2305c090.png
[9e6aedae12194424899968eefe3aaa06.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/175612e6800b4b9bb51a8db24b14532b.png
[e7b8eb1770414d46967525bcbb3795a9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/40a4da7deae247b8a71c4eff9e3c0911.png
[ae972442626a41cbbddf9752e9122177.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/09da7e6fe2c84b9993058df5819c5995.png
[9e70eebb32734f59923a9f7b771e4105.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c2f79a8abb0d4780805fd0a4bbb5a26f.png
[3e4ffdaca30d4539b88f732a641a9cdc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/1f23a27e90da4bc580143e5a505e444a.png
[4e0a21c29c584834954d02050c86eec6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/31e083ee4e6d45788847fec98574ac47.png
[24a3f38e2cd14e3488b9a012fc421190.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/60d2b83fc8d943679a47ad6b8ebb7848.png
[9eec4484499341198bdfa8d1fab82781.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/56adce6f263143b8aa7f5b02ca381f61.png
[a86f0239c7d549e7a10b8372eb2e887d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/256bb216482e41dd8e8d57696760a18f.png
[f64b259f2914426182df359bcaa78ab2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/60c2a89ab95843bf9b2cb5a229bf96e6.png
[350785d4c6e04aec8149aed72c43cd33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/38b2f8c79fc24822a86cd5ee9595dff2.png
[0344aeedc7bd4c76b2a90c35785a0755.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ceaf88e6426c4b6fbef1ddace1dc91ba.png
[aed07b16e5bf437ab15f28c5220ad57f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/5cd418cff4fa4c5dbc89b09d60f45717.png
[b0cc4f30cbb64eb697cee1dc4f1b2fbc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/dae2a1b171684da79f7a9af1ebf5ec97.png