[VSCode] 使用Spring Boot打印”Hello World!”

1 年 ago

科, 颖

2 minutes

首先/首要的是/开始的时候

我用VSCode创建了一个使用Spring Boot构建的Web应用程序。这是一个非常简单的应用程序，只是在屏幕上显示”Hello World!”。

我想要建立一个开发环境

操作系统: Windows10 64位
Visual Studio Code 版本: 1.51.1
Java 版本: Java14
※将在Maven项目中创建。

准备开发环境

在VSCode中安装以下的扩展功能：
Java扩展包
https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack

・Spring Boot 扩展包
https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-boot-dev-pack

创建项目

Visual Studio Codeで「コマンドパレット」（Ctrl + Shift + p）を表示、Spring bootのプロジェクトを作成します。

在命令面板中的操作

由于这是一个Maven项目，需要搜索依赖关系。由于本次目的是「创建Web应用」和「显示页面」，所以选择以下两个依赖关系。

Spring Web
Thymeleaf

假如你要做到这一步，会被询问项目的保存位置。请选择项目的保存地点。

DemoApplication.java, ServletInitializer.javaがデフォルトで実装されています。

|― src
 |   |― main
 |   |    |― java
 |   |    |    |― com
 |   |    |        |― example
 |   |    |             |― demo(プロジェクト名)
 |   |    |                      |― DemoApplication.java（デフォルトで作成される）
 |   |    |                      |― ServletInitializer.java（デフォルトで作成される）
 |   |    |― resources
 |   |           |― static/ (静的ファイル)
 |   |           |― templates/ (テンプレートファイル)
 |   |           |― application.properties (環境独自の設定ファイル)
 |   |― test
 |       |― java
 |            |― com
 |                |― example
 |                      |― demo(プロジェクト名)
 |                               |― DemoApplicationTests.java
 |― .gitignore
 |― HELP.md
 |― mvnw
 |― mvnw.cmd
 |― pom.xml (Mavenの設定ファイル)

创建应用程序

/demo/src/main/java/com/example/demo/controller ディレクトリ配下にControllerクラスを作成します。（SampleController.java）

 package com.example.demo.controller;

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

@Controller
public class SampleController {
    @RequestMapping("/sample")
    public String sample() {
        return "sample";
    }
}

/demo/src/main/templates内にsample.htmlを作成します。（sample.html）

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Sample</title>
</head>

<body>
    <h1>Hello World!</h1>
</body>

</html>

※ Spring Bootに内包されたTomcatが起動し、実装したアプリがコンパイルされる。

确认

http://localhost:8080/sample

结束了

乞うご期待！

请参考

我在VSCode中使用Spring Boot尝试显示“Hello World”。