0
点赞
收藏
分享

微信扫一扫

2. SpringMVC-Hello World

大自然在召唤 2022-02-03 阅读 22

Hello World

一、创建Maven工程

1. 新建工程

  1. 新建maven工程,点击Next
    在这里插入图片描述
  2. 点击Finish
    在这里插入图片描述

2. 进行相应的配置

  1. 在pom.xml配置文件中配置打包方式。
	<groupId>com.znb.springMVC</groupId>
    <artifactId>SpringMvc01-deom</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>
  1. 在pom.xml配置文件中引入依赖
<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>
  1. 新建webapp包
    在这里插入图片描述
  2. 点击Project Structure进行配置
    在这里插入图片描述
  3. 选择相应的项目文件进行配置
    在这里插入图片描述
  4. 依次点击OK,Apply,OK
    在这里插入图片描述

3. 配置web.xml文件

  1. 在resources中新建springMVC.xml文件
    在这里插入图片描述

  2. 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">
    <!--配置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>
        <!--
            / :匹配除了 .jsp以外的所有请求
            /*:匹配所有的请求
        -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

二、创建相应的类和配置文件

  1. HelloController类
@Controller
public class HelloController {
}
  1. springMVC配置文件
<?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">

    <!--扫描组件-->
    <context:component-scan base-package="com.znb.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">

                        <!-- 视图前缀 -->
                        <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>
  1. 视图前缀和视图后缀共同进行视图解析。给方法的返回值添加视图前缀和视图后缀。如返回index-/WEB-INF/templates/index.html

三、创建前端页面

1. 在WEB-INF在创建templates文件夹

在这里插入图片描述

2. 创建index.html和hello.html页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>首页</h1>
<a th:href="@{/hello}">访问目标页面hello.html</a>

</body>
</html>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
HelloWord
</body>
</html>
  1. 控制类的方法创建
@Controller
public class HelloController {

    @RequestMapping("/")
    public String index(){
        //返回视图名称
        return "index";
    }

    @RequestMapping("/hello")
    public String hello(){
        return "hello";
    }

}

四、配置tomcat进行测试

  1. Edit配置
    在这里插入图片描述
  2. Edit配置2
    在这里插入图片描述
  3. 启动服务器进行测试
    在这里插入图片描述
  4. 点击进行页面跳转
    在这里插入图片描述
举报

相关推荐

0 条评论