在IDEA中创建Maven工程,搭建SpringMVC框架

在IDEA中创建Maven工程,搭建SpringMVC框架

一.创建Maven项目

打开IDEA,在页面中选择 File–> New–> Project进入项目创建面板
在这里插入图片描述
注:可能有的小伙伴使用的IDEA版本与博主不同,会先出现GroupId与ArtifactId,然后才是Name与Location
在这里插入图片描述
在这里插入图片描述

注:Maven的相关配置及IDEA环境的集成可参照博客:
https://blog.csdn.net/qq_46062119/article/details/120183528?spm=1001.2014.3001.5502

二.Maven基础配置

1.创建好Maven项目后,打开Maven项目中的pom.xml文件,加载所需要的依赖;
2.在pom.xml文件中找到 <dependencies>标签,在</dependencies>结束标签上一行添加所需要的如下依赖,如图:
<!-- SpringMVC -->
<dependency>
   <groupId>org.springframework</groupId>
   <artifactId>spring-webmvc</artifactId>
   <version>5.3.9</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>
<!-- Spring5Thymeleaf整合包 -->
<dependency>
   <groupId>org.thymeleaf</groupId>
   <artifactId>thymeleaf-spring5</artifactId>
   <version>3.0.12.RELEASE</version>
</dependency>

在这里插入图片描述

三.web.xml配置

打开src/main/webapp/WEB-INF/web.xml,找到<web-app>标签,在其中添加配置,如下:
<!-- 配置SpringMVC的前端控制器,对浏览器发送的请求同一进行处理 -->
<servlet>
  <servlet-name>SpringMVC</servlet-name>
  <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  <!-- 配置SpringMVC配置文件的位置和名称 -->
  <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>SpringMVC</servlet-name>
  <url-pattern>/</url-pattern>
</servlet-mapping>
此时会出现classpath:springMVC.xml报错,原因是我们还没创建springMVC.xml文件

四.创建请求控制器

在main文件夹下新建两个文件夹,一个为Sources类型文件夹,一个为Resources类型文件夹
在这里插入图片描述
在Sources类型文件夹下创建一个类作为控制器,并添加注解@Controller
在这里插入图片描述

五.springMVC.xml配置

在Resources类型文件夹下新建一个xml文件springMVC.xml,打开,找到<beans>标签,在其中添加相应配置,具体如下:
    <!-- 扫描组件 -->
    <!-- com.springmvc.controller:此为创建类的包路径 -->
    <context:component-scan base-package="com.springmvc.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">
                        <!-- 视图前缀 -->
                        <!-- /WEB-INF/templates/:此为html文件存放位置 -->
                        <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>

在这里插入图片描述
配置完成后,回到之前创建的控制器类中,如果出现了一个表示Spring的图标,则说明配置中扫描组件配置正确,反之则错误。
在这里插入图片描述

六.测试

打开控制器类,添加处理请求方法:

	@RequestMapping(value = "/")
    public ModelAndView index() {
        ModelAndView mav = new ModelAndView();
        mav.addObject("test", "Hello SpringMVC");
        //设置视图,实现页面跳转
        mav.setViewName("index");
        return mav;
    }

在这里插入图片描述
在WEB-INF下新建一个文件夹templates,并在其下新建一个html文件

注:因此次在springMVC.xml配置文件中配置的是HTML文件类型,所以需先删除模板产生的jsp文件。

在这里插入图片描述
在这里插入图片描述
在新建的html文件中,引入thymeleaf,并接收显示信息

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

在这里插入图片描述
配置TomCat本地服务器;

注:具体配置可参考:https://blog.csdn.net/qq_46062119/article/details/120380693?spm=1001.2014.3001.5501

程序运行:
在这里插入图片描述

程序运行完成!!!
  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值