springmvc创建流程

一.创建maven工程

1.右击项目工程,选择new一个module

在这里插入图片描述

2.选择maven后点击next

在这里插入图片描述

3.填写groupid和artifactid后点击next

在这里插入图片描述

4.点击finish完成

在这里插入图片描述

二.配置pom.xml

1.添加打包方式为war

🔔 注意,此处不添加会导致下一步创建webapp模块时不出现小蓝点,需要额外手动添加web模块
在这里插入图片描述

2.添加依赖

<dependencies>
        <!-- springMVC-->
        <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>

        <!--    ServletAPI    -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>

        <!--    Spring5和Thymeleaf整合包    -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
        </dependency>

    </dependencies>

(记得点击右下角弹出的导入jar包选项)

三.创建webapp模块

1.点击main,右键new一个文件夹

在这里插入图片描述

此处会生成带小蓝点的webapp文件夹
在这里插入图片描述

2.点击project structure,选择modules——>该项目下的web——>点击 “+” 号添加web.xml——>补充完整路径——>OK

在这里插入图片描述
点击Apply——>OK
在这里插入图片描述

四.配置 web.xml

	<!--  配置编码过滤器  -->
    <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>

    <!--  配置springMVC的前端控制器 DispatcherServlet -->
    <servlet>
        <servlet-name>DispatcherServlet</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>
        <!-- 将前端控制器DispatcherServlet的初始化时间提前到服务器启动时 -->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

五.新建控制器

在这里插入图片描述

在这里插入图片描述

添加控制器注解
在这里插入图片描述

六.创建springMVC.xml文件

1.新建xml文件

在这里插入图片描述

在这里插入图片描述

2.配置 springMVC.xml

	<!--  扫描组件  -->
    <context:component-scan base-package="com.Yung.mvc.controller"></context:component-scan>

    <!--    配置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>

七.新建前端页面

1.新建templates文件夹

在这里插入图片描述

在这里插入图片描述

2.新建index.html页面

在这里插入图片描述
在这里插入图片描述

编写前端代码
在这里插入图片描述
在Controller中添加路径注解
在这里插入图片描述

八.配置Tomcat

1.编辑与配置

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.运行项目

在这里插入图片描述

成功跳转

在这里插入图片描述

🎈🎈 springMVC框架就搭建完成啦!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值