最初に

この記事は以下の内容が理解できているかを確認するためのものです。

Spring Bootを使ったWebアプリケーションの基本①の理解度チェック

MVCモデル

MVC（Model-View-Controller）モデルは、ウェブ開発で使用されるアーキテクチャパターンです。

アプリケーションをモデル、ビュー、コントローラの3つのコンポーネントに分割します。

モデル：データの処理を担当し、データベースとのやり取りを行います。
ビュー：ユーザーインターフェースを表現し、データの表示を担当します。
コントローラ：ユーザー入力を処理し、リクエストを受け取ってモデルとビューを更新します。

リクエストとレスポンス

Spring Bootでは、リクエストはControllerクラスで処理され、レスポンスが返されてブラウザに表示されます。(こちらを参照)

理解度チェック①

Spring Initializrを使ってプロジェクトを新規作成し、名前を以下の通りにしましょう。

ただし、バージョンの違いにより、期待結果にならない場合があるので、build.gradleは以下の通りに設定してください。

build.gradle

plugins {
	id 'java'
	id 'org.springframework.boot' version '2.5.4'
	id 'io.spring.dependency-management' version '1.0.11.RELEASE'
}

group = 'com.example'
version = '0.0.1-SNAPSHOT'

java {
	sourceCompatibility = JavaVersion.VERSION_17
}

repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
	implementation 'org.springframework.boot:spring-boot-starter-web'
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	compileOnly 'org.projectlombok:lombok'
	annotationProcessor 'org.projectlombok:lombok'
	implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:2.2.0'
	runtimeOnly 'com.h2database:h2'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	implementation 'org.springframework.boot:spring-boot-starter-validation'
}

tasks.named('test') {
	useJUnitPlatform()
}

次に、「http://localhost:8080」にリクエストを出し、サーバが処理をしてレスポンスを返し、「<h1>こんにちは</h1>」とブラウザに表示するという処理のコードを作成してください。

期待結果

理解度チェック②

また、UIとロジックを分離する(こちらを参照) ために、Thymeleafを使用して、index.htmlとindexControllerの2つを作成してください。

期待結果

Spring Bootを使ったWebアプリケーションの基本②の理解度チェック

基本②では、MVCモデルを活用したWebアプリケーションの開発手法やEntityの設計、Thymeleafの利用、Controllerの役割、そしてLombokの活用方法を説明しました。

理解度チェック③

メンバ変数を以下の内容をTestEntityを作成します。

データ型	フィールド名
int	testId
String	summary

次に、test.htmlとTestController.javaを作成し、以下の下記の期待結果の内容を参考にコードを作成してください。

期待結果

Spring Bootを使ったWebアプリケーションの基本③の理解度チェック

Entityに関する処理に続いて、Webアプリケーションの3層アーキテクチャについて解説しました。
3層アーキテクチャのメリッやプレゼンテーション層・ビジネスロジック層・データ・アクセス層の役割について説明しています。

理解度チェック④

プレゼンテーション層とビジネスロジック層を分離させ、TestControllerとTestServiceのコードを作成してください。

期待結果

Spring Bootを使ったWebアプリケーションの基本④の理解度チェック

データ・アクセス層に焦点を当て、データの検索・操作と永続化を担当するRepository層について詳細に解説しました。

Repository層の役割やMyBatisを使用するメリット、データ型やSQLクエリの書き方、DML操作についても解説しています。

理解度チェック⑤

以下のTESTテーブルを参考に、data.sqlとschema.sqlを作成しTestRepositoryを作成し、以下の下記の期待結果を表示させてください。

TESTテーブル

カラム名	データ型	主キー
test_id	int	✔
summary	VARCHAR

期待結果

まとめ

Spring Bootを使用したWebアプリケーションの基本的な理解度を確認するためのものです。

以下の内容について理解できているかをチェックしました。

1.MVCモデル：アプリケーションをモデル、ビュー、コントローラの3つのコンポーネントに分割し、それぞれがデータ処理、ユーザーインターフェース、ユーザー入力処理を担当すること。

2.リクエストとレスポンス：Spring BootではControllerクラスでリクエストを処理し、レスポンスを返すこと。

3.Spring Initializrを使用したプロジェクトの新規作成と設定。

4.Thymeleafを使用してHTMLテンプレートを作成し、Controllerクラスで処理する方法。

5.Entityの設計とThymeleafを使用しての表示方法。

6.プレゼンテーション層、ビジネスロジック層、データアクセス層の構造と各層の役割。

7.Repository層とMyBatisの使用方法、データの操作と永続化方法。

8.data.sqlとschema.sqlを使用してデータベースのセットアップと初期データの投入。

以上の内容に関する理解度チェックを行っています。