📜  Spring MVC-静态页面示例(1)

📅  最后修改于: 2023-12-03 14:47:33.843000             🧑  作者: Mango

Spring MVC-静态页面示例

Spring MVC是一个基于Java的MVC框架,它被广泛运用于Web应用程序的开发中。它可以帮助开发者更加高效地构建Web应用程序,而不必关注底层的实现细节。

本篇文章将为大家介绍如何使用Spring MVC来开发一个简单的静态页面。

环境搭建

在开始开发之前,我们需要先搭建必要的开发环境。请确保以下环境已经安装和配置好:

  • JDK 1.8或以上版本
  • Maven
  • IDE,如Eclipse或IntelliJ IDEA
创建工程

首先,我们需要创建一个Web应用程序的Maven工程。在IDE中选择“新建Maven工程”并输入相应的项目信息即可。

添加依赖

接下来,我们需要在pom.xml文件中添加Spring MVC框架的依赖。请注意,这里我们将使用Spring Boot来简化配置。

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <version>2.4.2</version>
    </dependency>
</dependencies>
创建Controller

在Spring MVC中,Controller负责处理请求并返回响应。让我们来创建一个简单的Controller,返回一个静态页面。

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HomeController {

    @RequestMapping(value="/", method=RequestMethod.GET)
    public String home() {
        return "index";
    }
}

这段代码中,我们使用@Controller注解来声明这是一个Controller类。@RequestMapping注解用于指定映射路径,这里我们将主页映射到根路径/home()方法返回index字符串,它表示我们将在后面创建的ViewResolver中查找名为index的视图。

配置ViewResolver

ViewResolver负责将我们返回的视图名转换为具体的视图。在我们的示例中,我们希望将index视图解析为index.html文件。

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.ViewResolver;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import org.springframework.web.servlet.view.InternalResourceViewResolver;

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Bean
    public ViewResolver viewResolver() {
        InternalResourceViewResolver resolver = new InternalResourceViewResolver();
        resolver.setPrefix("/templates/");
        resolver.setSuffix(".html");
        return resolver;
    }
}

这里,我们使用了InternalResourceViewResolver来解析视图。它会将视图名添加前缀/templates/,后缀.html,并在classpath下查找这个文件。这样,我们在HomeController中返回的index字符串就会被解析为/templates/index.html

创建静态页面

现在,我们只需要在/src/main/resources/templates目录下创建一个名为index.html的文件即可。在这个文件中,我们可以自由地编写HTML和CSS代码,如下所示:

<!DOCTYPE html>
<html>
<head>
    <title>Spring MVC Static Page Sample</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Spring MVC Static Page Sample</h1>
        <p>This is a simple example of a static page using Spring MVC.</p>
    </div>
</body>
</html>
运行应用程序

现在,我们可以运行我们的应用程序了。在IDE中启动Spring Boot应用程序,然后打开浏览器并输入http://localhost:8080/即可看到我们刚刚创建的静态页面。

结语

本文介绍了如何使用Spring MVC来创建一个简单的静态页面。我们创建了一个基础框架,讲解了关键的配置和代码,并提供了一个示例页面。在实际开发中,我们可以通过对这个样例进行修改和扩展来满足自己的需求。