idea2020 搭建一个SpringMVC的入门程序 --- Hello World!

首先创建maven web 工程

在这里插入图片描述

然后点击Maven,在方括号中打对号,然后在选择webapp

在这里插入图片描述

选择好之后就一直点Next,最后点击Finish,然后等待一会,idea会自动帮你创建目录

在这里插入图片描述

然后创建 java 目录 和 reources 目录

在这里插入图片描述

点击Directory后,然后按住Ctrl+鼠标左键 选择 java和resources,然后回车。

在这里插入图片描述

创建完成之后的目录为:

在这里插入图片描述

配置相关信息

1. 在pom.xml里配置依赖

<dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.3.10</version>
</dependency>

2. 在resources文件下创建spring-mvc.xml文件

在这里插入图片描述

spring-mvc.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">
</beans>

3. 在web.xml中配置前端控制器

<web-app>
  <display-name>Archetype Created Web Application</display-name>
  <servlet>
  	<!-- 这个名字自定义,但必须要与servlet-mapping的servlet-name相匹配 -->
    <servlet-name>springmvc</servlet-name>
    <!-- DispatcherServlet的全类名 -->
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 通过初始化参数指定SpringMVC配置文件位置 -->
    <init-param>
      <param-name>contextConfigLocation</param-name> 
      <!-- 使用classpath:说明这个路径从类路径的根目录开始才查找 -->
      <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <!--表示哪些请求交给Spring Web MVC处理,类似/hello,就会访问成功-->
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>

这里可能会报这个错误(org.springframework.web.servlet.DispatcherServlet报红),最后给大家说解决办法

在这里插入图片描述

5. 创建请求控制器类

在这里插入图片描述

@Controller
public class Hello {
    @RequestMapping("/hello")
    public String hello(){
        System.out.println("=========Hello World=========");
        return "index";
    }
}

5. 在spring-mvc.xml中配置

开启包扫描

<context:component-scan base-package="com.zhang"/>

配置视图解析器

<!-- 配置视图解析器 -->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"></property>
        <property name="suffix" value=".jsp"></property>
</bean>

发布到tomcat服务器

①:选择Tiomcat
②:点击Edit Configurations
在这里插入图片描述
在这里插入图片描述

注意:选择的这个与自己创建的Module名字有关。

在这里插入图片描述

点击OK后,会在Application context自动生成这串字符,当然你也可以修改。

在这里插入图片描述

但是修改后下面这两个红色框的字符必须要保持一致。

在这里插入图片描述

6. 使用浏览器访问http://localhost:8080/springmvc/hello

在这里插入图片描述
以上就是所有步骤!

出现的问题解决办法

第一步:
在这里插入图片描述

然后按照相应的步骤

在这里插入图片描述
然后选择Libarary
在这里插入图片描述
在按照以下步骤
在这里插入图片描述
点击完之后再点击Apply就好了,就解决了这个问题

注意html和jsp不同的视图解析器的配置

如果引入的依赖是jstl,那么在spring-mvc.xml需要配置以下的视图解析器。

<!-- 配置视图解析器 -->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"></property>
        <property name="suffix" value=".jsp"></property>
</bean>

如果引入的依赖是thymeleaf,那么在spring-mvc.xml需要配置以下的视图解析器。

<!-- Thymeleaf视图解析器 -->
<bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
	<!-- 通过 order 属性来定义视图解析器的优先级, order 值越小优先级越高 -->
    <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/"/>
                    <!-- 视图后缀 -->
                    <property name="suffix" value=".html"/>
                    <property name="templateMode" value="HTML5"/>
                    <property name="characterEncoding" value="UTF-8" />
                </bean>
            </property>
        </bean>
    </property>
</bean>
  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

☞^O^☜♞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值