最短！STS4でSpring bootの基礎の基礎の基礎

# 概要

STSとSpringBootを初めて使う人向けの手順となります。

STS4上にて、以下の方法を確認します。
- Spring bootのデモサイト作成
- デモサイトの実行
- プロジェクトのExportとImport
- 実行ファイル作成



# デモサイトの作成

## プロジェクトの作成
- ファイル->新規->Springスターター・プロジェクト　を選択
![boot001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/5b2139da-e963-d399-0e9f-2033bfe833e2.png)

## 新規Spring スターター・プロジェクト
- 名前： demo
- その他はデフォルト
- 「次へ」を押下
![boot002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/443c8e50-934f-6180-08e1-33be2b8b4f84.png)

## 新規Springスターター・プロジェクト依存関係
- フィルタ：web
- Web : Spring Web　を選択
- 「次へ」を押下
![boot004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/b452b791-50e0-2e40-3939-e4869ee7ab7a.png)

## 新規Springスターター・プロジェクト
- 「完了」を押下
![boot005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/93f30ca4-e1dd-8282-4fd7-bc6f6ab7941e.png)

## 完了
- 右下のステータスを確認
- コンテンツのインポートやビルドが完了するまで待つ
![boot006.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/687fd378-6d12-8022-3725-9fb86c63d3bd.png)


# デモサイトにhtmlを追加
- パッケージ・エクスプローラー  
> demo
 > src/main/resources  
  > static  
  に、index.htmlファイルを作成  
　※staticを右クリックし、新規->ファイルを押下  
　以下を入力し、[完了]を押下。
　ファイル名　： index.html
![boot010.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/7555e08a-bef9-83f2-9e42-71ba86d37689.png)


# デモサイトの実行
## Spring Boot アプリケーション実行
- 実行からSpring Boot アプリケーションを選択
![boot011.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/e5e753a9-933b-ad44-b2f9-cf3eb9d58d15.png)
- コンソールに以下が表示されます
![boot012.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/9b0f9ed0-7cea-f1fb-7bbe-234a29761d0f.png)

## Webブラウザで開く
- Bootダッシュボードからdemoを選択
- 右クリックでメニューを開き、webブラウザを開く　を選択
![boot013.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/213d5fcd-3a4f-fefd-bcc2-b0cc2bb153f7.png)
- ブラウザ確認
![boot014.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/b1ecb2e6-a1ec-2cf8-9d46-98ad1cc4ef78.png)

# プロジェクトのExport

## エクスポートの実行
![boot020.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/887eac65-1624-b4dd-3794-00d105fc7a26.png)

## 選択
- アーカイブ・ファイルを選択
![boot021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/22b86f4e-be62-c060-43db-985237f741bf.png)

## アーカイブ・ファイル
- 宛先アーカイブ・ファイル　に出力先を入力
- 「完了」を押下
![boot022.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/85fadce4-ae3a-bee9-856d-435e6a90ccf2.png)


# プロジェクトのImport

## インポートの実行
- 前提：同名のプロジェクトはリネームまたは削除しておくこと
![boot030.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/78e8fce6-2e56-ddbb-f99c-5ba54d88ca28.png)

## 選択
- 既存プロジェクトをワークスペースへ　を選択
![boot031.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/0172b8c8-86aa-b53e-44db-a3696e1e29af.png)

## プロジェクトのインポート
- 宛先アーカイブ・ファイル　に出力先を入力
- 「完了」を押下
![boot032.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/622e37d9-71a3-2d0e-d635-0374c5b5e5c2.png)
- 取り込まれたことを確認
![boot033.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/a72065b6-94e9-421c-0020-faad435aa401.png)

# 実行ファイル作成

## Mavenビルドの実行
- 実行から Mavenビルド を選択
![boot040.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/473a4df2-40ad-a410-c976-adc6dadc7c91.png)

## 構成の編集
- ゴール： clean package　を入力
- 「実行」を押下
![boot041.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/a5a5e1f4-c521-7241-1099-d37c4bd3ce73.png)

## ファイルの確認
- demo～.jarが作成されていることを確認

```
$ cd ~
$ cd workspace-sts4/demo/target
$ ls
classes                             generated-sources       maven-status
demo-1-0.0.1-SNAPSHOT.jar           generated-test-sources  surefire-reports
demo-1-0.0.1-SNAPSHOT.jar.original  maven-archiver          test-classes
```

## ファイルの実行
- STS4上にてbootアプリケーションを起動していない事を確認。
- 以下を実行し、ブラウザで確認する。

```
$ java -jar demo-1-0.0.1-SNAPSHOT.jar 
```

![boot050.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/62726ba3-28db-c284-e690-762067963a26.png)

![boot051.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/97875/5bc66d29-b958-2058-7d7f-da7cbb2eff92.png)

---

以上となります。

使い方における基本となりますので、知っておいても損はないと思います。

当手順は、2020/04/19時点にて、実行できることを確認しております。