SpringBoot2.7.5 hello worldを表示するサンプル
環境
SpringBoot 2.7.5
java 17
Spring Tool Suite 4.13
操作方法
1.Spring Bootのプロジェクトを作成します
1).「ファイル」->「新規」->「Springスターター・プロジェクト」をクリックします。
2).「名前」の欄にプロジェクト名「springbootdemo」を入力し「次へ」をクリックします。
タイプ：Gradle Project
Javaバージョン:17
グループ com.arkgame
パッケージ com.arkgame.demo
タイプ：Gradle Project
Javaバージョン:17
グループ com.arkgame
パッケージ com.arkgame.demo
タイプ：Gradle Project Javaバージョン:17 グループ com.arkgame パッケージ com.arkgame.demo
3).以下にチェックを入れます。「次へ」をクリックします。
Spring Bootバージョン 2.7.5
・「テンプレート・エンジン」->「Thymeleaf」
・「Web」>「Spring Web」
・「開発ツール」>「Spring Boot DevTools」
Spring Bootバージョン 2.7.5
・「テンプレート・エンジン」->「Thymeleaf」
・「Web」>「Spring Web」
・「開発ツール」>「Spring Boot DevTools」
Spring Bootバージョン 2.7.5 ・「テンプレート・エンジン」->「Thymeleaf」 ・「Web」>「Spring Web」 ・「開発ツール」>「Spring Boot DevTools」
4).完了をクリックします。
2.クラスを作成する
1).パッケージ「com.arkgame.demo」の箇所で右クリックして、「新規」->「クラス」をクリックします。
2).「名前」の欄にクラス名の「CftController」を入力して完了ボタンを押します。
1).パッケージ「com.arkgame.demo」の箇所で右クリックして、「新規」->「クラス」をクリックします。
2).「名前」の欄にクラス名の「CftController」を入力して完了ボタンを押します。
1).パッケージ「com.arkgame.demo」の箇所で右クリックして、「新規」->「クラス」をクリックします。 2).「名前」の欄にクラス名の「CftController」を入力して完了ボタンを押します。
クラスのコードを記述します
package com.arkgame.demo;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
/*Controllerのアノテーション*/
@Controller
public class CftController {
/* GetMappingのアノテーション */
@GetMapping("/cft")
public String write1(Model model) {
model.addAttribute("user", "yamada");
/* src/main/resourcesのtemplates配下のuser.htmlを返 */
return "user";
}
}
package com.arkgame.demo;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
/*Controllerのアノテーション*/
@Controller
public class CftController {
/* GetMappingのアノテーション */
@GetMapping("/cft")
public String write1(Model model) {
model.addAttribute("user", "yamada");
/* src/main/resourcesのtemplates配下のuser.htmlを返 */
return "user";
}
}
package com.arkgame.demo;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
/*Controllerのアノテーション*/
@Controller
public class CftController {
/* GetMappingのアノテーション */
@GetMapping("/cft")
public String write1(Model model) {
model.addAttribute("user", "yamada");
/* src/main/resourcesのtemplates配下のuser.htmlを返 */
return "user";
}
}
3.htmlファイルを作成
1).templatesフォルダで右クリックして、「新規」→「ファイル」をクリックします。
2).「user.html」と記入し完了ボタンを押します。
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>hello sample</title>
</head>
<body>
<p th:text="${user}"></p>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>hello sample</title>
</head>
<body>
<p th:text="${user}"></p>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>hello sample</title>
</head>
<body>
<p th:text="${user}"></p>
</body>
</html>
4.ポート番号を変更します
# ポート番号
server.port = 8768
# ポート番号
server.port = 8768
# ポート番号 server.port = 8768
5.build.gradleに「Spring Boot DevTools」を選択します。
dependencies {
developmentOnly 'org.springframework.boot:spring-boot-devtools'
}
dependencies {
developmentOnly 'org.springframework.boot:spring-boot-devtools'
}
dependencies {
developmentOnly 'org.springframework.boot:spring-boot-devtools'
}
6.アプリを起動し画面へ表示
1).プロジェクト「springbootdemo」を右クリックします。
2).ダイアログの「実行」から「Spring Boot アプリケーション」をクリックすると起動します。
３)．ブラウザのURL欄に以下のURLを入力して実行すると画面に「yamada」が表示されます。
http://localhost:8768/cft
1).プロジェクト「springbootdemo」を右クリックします。
2).ダイアログの「実行」から「Spring Boot アプリケーション」をクリックすると起動します。
３)．ブラウザのURL欄に以下のURLを入力して実行すると画面に「yamada」が表示されます。
http://localhost:8768/cft
1).プロジェクト「springbootdemo」を右クリックします。 2).ダイアログの「実行」から「Spring Boot アプリケーション」をクリックすると起動します。 ３)．ブラウザのURL欄に以下のURLを入力して実行すると画面に「yamada」が表示されます。 http://localhost:8768/cft