【Java】Spring BootでCRUD操作アプリ作成（2/2）

package com.example.blog;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication // Spring Bootアプリケーションのエントリーポイントとして機能
public class BlogApplication {

    // アプリケーションのメインメソッド
    public static void main(String[] args) {
        // Spring Bootアプリケーションの実行を開始
        SpringApplication.run(BlogApplication.class, args);
    }
}

package com.example.blog.controller;

import java.util.List;
import java.util.Optional;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import com.example.blog.model.Post;
import com.example.blog.service.PostService;

@Controller
@RequestMapping("/posts")
public class PostController {

    @Autowired
    private PostService postService; // PostServiceのインスタンスを注入

    // 投稿一覧を表示するメソッド
    @GetMapping
    public String list(Model model) {
        List<Post> posts = postService.findAll(); // 全ての投稿を取得
        model.addAttribute("posts", posts); // 投稿リストをモデルに追加
        model.addAttribute("post", new Post()); // 新規投稿用の空のPostオブジェクトを追加
        return "posts"; // posts.htmlを返す
    }

    // 新規投稿または編集済み投稿を保存するメソッド
    @PostMapping
    public String save(@ModelAttribute Post post) {
        postService.save(post); // 投稿を保存
        return "redirect:/posts"; // 投稿一覧ページにリダイレクト
    }

    // 特定のIDの投稿を編集するメソッド
    @GetMapping("/{id}/edit")
    public String edit(@PathVariable Long id, Model model) {
        Optional<Post> post = postService.findById(id); // IDで投稿を検索
        post.ifPresent(value -> model.addAttribute("post", value)); // 投稿が存在する場合、モデルに追加
        return "posts"; // posts.htmlを返す（編集フォームも同じビューで表示）
    }

    // 特定のIDの投稿を削除するメソッド
    @PostMapping("/{id}/delete")
    public String delete(@PathVariable Long id) {
        postService.deleteById(id); // IDで投稿を削除
        return "redirect:/posts"; // 投稿一覧ページにリダイレクト
    }
}

package com.example.blog.model;

import jakarta.persistence.Column;
import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;
import jakarta.persistence.Table;

@Entity // JPAのエンティティとして、このクラスがデータベーステーブルに対応することを示す
@Table(name = "posts") // このエンティティがマッピングされるデータベースのテーブル名を指定
public class Post {

    @Id // プライマリキーとして使用するフィールドを指定
    @GeneratedValue(strategy = GenerationType.IDENTITY) // プライマリキーの生成戦略を「IDENTITY」に設定
    private Long id;

    @Column(nullable = false) // タイトルは必須フィールドとして、NULLを許可しない設定
    private String title;

    @Column(nullable = false) // コンテンツも必須フィールドとして、NULLを許可しない設定
    private String content;

    // ゲッターとセッター

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }
}

package com.example.blog.repository;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;
import com.example.blog.model.Post;

@Repository // このインターフェースがリポジトリであることを示す
public interface PostRepository extends JpaRepository<Post, Long> {
    // JpaRepository<Post, Long>を継承することで、Postエンティティに対する標準的なCRUD操作を利用可能
}

package com.example.blog.service;

import java.util.List;
import java.util.Optional;
import com.example.blog.model.Post;

public interface PostService {
    
    /**
     * データベース内のすべての投稿を取得します。
     * @return 投稿のリスト
     */
    List<Post> findAll();

    /**
     * 指定されたIDに基づいて、投稿を取得します。
     * @param id 投稿のID
     * @return 該当する投稿のOptionalオブジェクト（存在しない場合は空）
     */
    Optional<Post> findById(Long id);

    /**
     * 新しい投稿を保存するか、既存の投稿を更新します。
     * @param post 保存する投稿オブジェクト
     */
    void save(Post post);

    /**
     * 指定されたIDに基づいて投稿を削除します。
     * @param id 削除する投稿のID
     */
    void deleteById(Long id);
}

package com.example.blog.service.impl;

import java.util.List;
import java.util.Optional;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.example.blog.model.Post;
import com.example.blog.repository.PostRepository;
import com.example.blog.service.PostService;

@Service // サービス層を示すアノテーション。ビジネスロジックを担う。
public class PostServiceImpl implements PostService {

    @Autowired // PostRepositoryインスタンスの依存性注入
    private PostRepository postRepository;

    @Override
    public List<Post> findAll() {
        // すべての投稿を取得し、リストとして返す
        return postRepository.findAll();
    }

    @Override
    public Optional<Post> findById(Long id) {
        // 指定されたIDの投稿を取得し、Optionalでラップして返す
        return postRepository.findById(id);
    }

    @Override
    public void save(Post post) {
        // 新規投稿を保存または既存投稿を更新する
        postRepository.save(post);
    }

    @Override
    public void deleteById(Long id) {
        // 指定されたIDの投稿をデータベースから削除する
        postRepository.deleteById(id);
    }
}

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>ブログ投稿</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
    <script>
        // 投稿削除確認のポップアップ表示
        function confirmDelete() {
            return confirm("本当にこの投稿を削除しますか？");
        }
    </script>
</head>
<body>
    <h1>ブログ投稿</h1>
    
    <div class="container">
        <!-- 投稿の新規作成または編集用セクション -->
        <section>
            <form th:action="@{/posts}" th:object="${post}" method="post">
                <!-- 投稿IDを隠しフィールドとして保持（新規作成時はnull） -->
                <input type="hidden" th:field="*{id}" />
                
                <!-- 新規投稿時と編集時で見出しを切り替え -->
                <h2 th:if="${post.id == null}">新規投稿</h2>
                <h2 th:if="${post.id != null}">投稿の編集</h2>

                <!-- タイトル入力欄 -->
                <label>タイトル:</label>
                <input type="text" th:field="*{title}" required /> <!-- 必須項目 -->

                <!-- 内容入力欄 -->
                <label>内容:</label>
                <textarea th:field="*{content}" required></textarea> <!-- 必須項目 -->

                <!-- 新規保存ボタンまたは更新ボタンを表示 -->
                <button type="submit" th:text="${post.id == null} ? '投稿を保存' : '投稿を更新'"></button>
                
                <!-- 編集時のみ表示される投稿一覧に戻るリンク -->
                <a th:if="${post.id != null}" th:href="@{/posts}" style="margin-left: 10px;">投稿一覧に戻る</a>
            </form>
        </section>

        <!-- 投稿一覧セクション（新規投稿時のみ表示） -->
        <h2 th:if="${post.id == null}">投稿一覧</h2>
        <ul>
            <!-- 投稿リストの表示。投稿ごとにタイトル、内容、編集・削除リンクを含む -->
            <li th:each="post : ${posts}">
                <h3 th:text="${post.title}">投稿タイトル</h3>
                <p th:text="${post.content}">投稿内容</p>
                
                <!-- 編集リンク。選択した投稿の編集画面に遷移 -->
                <a th:href="@{/posts/{id}/edit(id=${post.id})}" class="edit-link">編集</a>
                
                <!-- 削除フォーム。確認ポップアップを表示してから削除 -->
                <form th:action="@{/posts/{id}/delete(id=${post.id})}" method="post" style="display:inline;" onsubmit="return confirmDelete();">
                    <button type="submit" class="delete-button">削除</button>
                </form>
            </li>
        </ul>
    </div>
</body>
</html>