玩轉(zhuǎn)spring boot MVC應(yīng)用（2）

更新時(shí)間：2017年01月04日 09:36:58 作者：劉冬

玩轉(zhuǎn)spring boot，如何快速搭建一個(gè)MCV程序？這篇文章為大家詳細(xì)主要介紹了一個(gè)MCV程序的快速搭建過(guò)程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

如何快速搭建一個(gè)MCV程序？

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

一、spring mvc結(jié)合thymeleaf模板

創(chuàng)建maven project后，修改pom.xml文件

<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>

添加“MainController.java”這個(gè)控制器的類(lèi)文件：

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文件

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);
 }
}

然后在項(xiàng)目中右鍵進(jìn)入java build path

添加文件夾“And Folder”

在main目錄下添加“resources”文件夾

修改"resources"的“Excluded”：

輸入“**”

在src/main/resources下創(chuàng)建“templates”文件夾，并新建一個(gè)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 檢測(cè)是否運(yùn)行成功：

以上是使用thymeleaf模板做的動(dòng)態(tài)頁(yè)面，那么，如何在MVC應(yīng)用中使用靜態(tài)資源呢？

二、靜態(tài)資源

在src\main\resources下新建“static”文件夾

并在其文件夾中復(fù)制進(jìn)一張圖片文件

修改之前的“index.html”文件，增加img標(biāo)簽

<!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>

這時(shí)，立刻出現(xiàn)一個(gè)現(xiàn)象：