[VSCode]带有Spring Boot的Hello World!


简介

使用VSCode,我创建了一个使用Spring Boot创建的Web应用程序。这是一个简单的应用程序,仅在屏幕上显示" Hello World!"。

假设开发环境

操作系统:Windows10 64bit
Visual Studio代码:1.51.1
Java:Java14
*由Maven项目创建。

开发环境准备

在VS Code中安装以下扩展。
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启动项目。

在命令面板

上的操作

  • 选择" Spring Initializr:生成Maven项目"

  • "指定Spring Boot版本"选择Spring Boot版本。由于这次没有特别的名称,因此选择截至2020/12的最新(2.4.0)

  • "指定项目语言"选择要使用的语言。这次选择Java

  • 输入"输入组ID"包名称。
    范例:com.example

  • "输入工件ID"输入项目名称。
    示例:demo

  • "指定包装类型"包装类型:这次战争。 (瓶子可以)

  • "指定Java类型"将要求您提供要使用的Java版本,因此请选择要使用的Java版本。这次使用Java 14。

  • "搜索依赖项"由于它是Maven项目,因此可以选择一系列依赖项。这次,目的是"创建Web应用程序"和"显示屏幕",因此选择以下两个。

    • 春季网
    • 胸腺
  • 如果到目前为止,您将被询问将项目保存在何处。选择一个位置来保存项目。

    • 创建的目录具有以下结构。

      • 默认情况下,将实现DemoApplication.java和ServletInitializer.java。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    |― 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)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     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 /模板中创建sample.html。 (Sample.html)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <!DOCTYPE html>
    <html>

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

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

    </html>
    • 运行Spring Boot应用程序
      选择VS Code左下方的" SPRING-BOOT Dashboard",然后选择[开始]或[调试]
      * Spring Boot中包含的Tomcat启动并编译已实现的应用程序。

    显示确认

    • 检查浏览器上的显示。您应该看到" Hello World!"。
      http://本地主机:8080 /示例

    末尾

    • 我们计划发布更多全面的Web应用程序开发文章,例如从DB获取数据并显示它。
      敬请关注!

    参考

    我试图在Spring Boot中用VS Code显示" Hello World"。
    https://tech-lab.sios.jp/archives/19941