使用IDEA(整合开发环境)、SpringBoot(开发框架)和Maven(构建工具)，尝试编写一个Hello World的web应用程序

2 年 ago
逸, 科
2 minutes

经过

    SpringBoot+MavenでのHelloWorldをIntelliJ IDEAのUltimateエディションで書いてみたのと同じことを、Communityエディションで書くとどうなるかやってみた。

我的想法

    • Ultimateほどはサクッとは書けなかった。

 

    • Ultimateの場合、Spring Initializrによって、

依存関係をリストから選べる
pom.xmlの必要な設定を自動的に書いてくれる
実行/デバッグの設定を自動的に作ってくれる
アプリケーションクラスを自動的に作ってくれる

ちなみにSpring InitializrはWebサイトからも利用できるので、これとCommunityを組み合わせてUltimateに近い作り方ができなくもない。

环境

    • Windows10 Home

 

    • IntelliJ IDEA Community 2017.2.4

 

    JDK1.8

另外，此時使用的SpringBoot版本為當前的1.5.7正式版。

操作步骤

打开IDEA

image.png

创建新项目

    • すでに何らかのプロジェクトが開いていたら、File – New – Project…

 

    • プロジェクトが開いていない状態だったら、Create New Projectをクリック

New Projectの画面が開く

image.png
    • 左のリストからMavenをクリック

Project SDKはPCに入っているJDKを適当に選択

Nextをクリック

image.png

GroupIdとArtifactIdを適当に入力

Nextをクリック

image.png

Project nameとProject locationを適当に設定

Finishをクリック
プロジェクトが作成される

image.png
    画面右下にMaven projects need to be importedと表示されていたら、Enable Auto-Importをクリックしておくと、pom.xmlを書き換える都度、必要な依存関係を自動的にインポートしてくれる。

pom.xml文件的描述

因为pom.xml正在屏幕上显示，所以在这里添加spring-boot-starter的父元素指定、依赖关系指定（添加spring-boot-starter-web和spring-boot-starter-thymeleaf），以及添加Maven插件指定，以便在构建时使用Maven来使用spring-boot。

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

<dependencies>
  <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
  </dependency>
  <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
  </dependency>
</dependencies>

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

创建应用程序类

    • 画面左のProjectビューのdemoプロジェクトのツリーを開き、src – main – java を右クリックし、New – Java Classを選択

Nameにcom.example.demo.DemoApplicationと入力し、OKをクリック
クラス宣言の上に@SpringBootApplicationアノテーションを付加
main()メソッドを記述する

public static void main(String[] args) {
  SpringApplication.run(DemoApplication.class, args);
}
image.png

创建控制器

demoプロジェクトのツリーのcom.example.demoパッケージを右クリックし、New – Java Classを選択

Nameにcontroller.HelloControllerと入力し、OKをクリック
クラス宣言の上に@Controllerアノテーションを追加
クラスの中にgetHello()メソッドを追加

    @GetMapping
    public String getHello() {
        return "hello";
    }
image.png

创建模板

demoプロジェクトツリーの src – main – resourcesフォルダを右クリックし、New – HTML Fileを選択

Nameにtemplates/helloと入力し、OKをクリック

タグにHello World!と書く
あと、タグがこのままだと実行時にthymeleafのエラー（タグが閉じてないよ！エラー）になるので、末尾を/>に書き換える

image.png

应用程序的启动

DemoApplicationアプリケーションクラスを右クリックし、Run DemoApplication.main()を選択
アプリケーションが起動され、コンソールログがつらつらと表示され始める

image.png
    • そのうちTomcat started on …と表示され、内部のTomcatが起動されたことがわかる

 

    最後にStarted DemoApplication in …と表示されれば起動完了

确认动作

    ブラウザから、localhost:8080にアクセスする
image.png
    できた。
bannerAds