玩轉spring boot——MVC應用

時間 2019-11-10

標籤 spring boot mvc 應用欄目 Spring 简体版

原文原文鏈接

如何快速搭建一個MCV程序？html

參照spring官方例子：https://spring.io/guides/gs/serving-web-content/java

1、spring mvc結合thymeleaf模板git

建立maven project後，修改pom.xml文件github

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.github.carter659</groupId>
    <artifactId>spring02</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.4.2.RELEASE</version>
    </parent>

    <name>spring02</name>
    <url>http://maven.apache.org</url>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <optional>true</optional>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

pom.xml

添加「MainController.java」這個控制器的類文件：web

package com.github.carter659.spring02;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class MainController {

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("name", "劉冬");
        return "index";
    }

}

修改App.java文件spring

package com.github.carter659.spring02;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class App {
    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}

而後在項目中右鍵進入java build pathapache

添加文件夾「And Folder」微信

在main目錄下添加「resources」文件夾mvc

修改"resources"的「Excluded」：
app

輸入「**」

在src/main/resources下建立「templates」文件夾，並新建一個html文件「index.html」

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MVC</title>
</head>
<body>
    <p th:text="'Hello, ' + ${name} + '!'" />
</body>
</html>

輸入http://localhost:8080 檢測是否運行成功：

以上是使用thymeleaf模板作的動態頁面，那麼，如何在MVC應用中使用靜態資源呢？

2、靜態資源

在src\main\resources下新建「static」文件夾

並在其文件夾中複製進一張圖片文件

修改以前的「index.html」文件，增長img標籤

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MVC</title>
</head>
<body>
    <img alt="ae86" src="img.png" />
    <p th:text="'Hello, ' + ${name} + '!'" />
</body>
</html>