Spring Bootによるウェブアプリ開発: コレクション(1)

Formの基礎（前回）のまとめ

前回のプログラム（おみくじ及び例1〜3）の動作を、下記の観点で確認しよう（記述の意味を理解すること）。

@RequestMappingアノテーション
@RequestParamアノテーション
ModelMap型のaddAttributeメソッド
postとgetの違い
@GetMappingアノテーションと@PostMappingアノテーション
th:text属性
th:each属性
th:if属性
@RequestParamアノテーションのrequiredオプション
メソッドのオーバーロード

掲示板の改良: 名前や日付も保存するList

第4回で作った掲示板はコメントだけを保存・表示するものであった。より実用的にするために、投稿者の名前と投稿時間も保存・表示するようにしてみよう。

まず第4回の掲示板を第5回で実行できるようにコピーする（テンプレートのパス等を修正しなければいけないことに注意する）。

どこをどのように変更するか？

テンプレート: フォームに名前の入力欄を加える。
コントローラ: 名前を受け取れるようにする。
コメントを表すBbsCommentクラスを作成: 本文と名前と投稿日時のフィールドを作る。
コントローラ: BbsComment型のインスタンスを作成
コントローラ: コメントを保存するリストの型をList<BbsComment>にする。
コントローラ: BbsComment型のインスタンスを作成し、リストに追加する。
テンプレート: コメントの表示部分を修正する。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>掲示板</title>
</head>
<body>

<ol>
    <li th:each="comment:${commentList}">
        名前: <b th:text="${comment.name}" style="color: green">名前</b>
        <th:block th:text="${comment.date}">投稿日時</th:block><br />
        <p th:text="${comment.body}">コメント本文</p>
    </li>
</ol>

<hr />

<form method="post">
    名前: <input name="name" /><br />
    本文: <input name="body" style="width: 400px"/><br />
    <button type="submit">書き込む</button>
</form>

</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

<ol>

名前: <b th:text="${comment.name}" style="color: green">名前</b>

<th:block th:text="${comment.date}">投稿日時</th:block><br />

<p th:text="${comment.body}">コメント本文</p>

</li>

</ol>

<hr />

名前: <input name="name" /><br />

本文: <input name="body" style="width: 400px"/><br />

</form>

</body>

</html>

package net.teachingprogramming.webapp;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.*;

/**
 * 第5回で使うコントローラ
 */
@Controller
@RequestMapping("/lecture05")
public class Lecture05Controller {

    /**
     * 掲示板: コメントを保存しておくフィールド
     */
    private List<BbsComment> commentList = new ArrayList<>();

    /**
     * 掲示板: get
     */
    @GetMapping("/bbs")
    public String bbsGet(ModelMap modelMap) {
        modelMap.addAttribute("commentList", commentList);
        return "lecture05/bbs";
    }

    /**
     * 掲示板: post
     */
    @PostMapping("/bbs")
    public String bbsGet(ModelMap modelMap, @RequestParam("body") String body, @RequestParam("name") String name) {
        BbsComment comment = new BbsComment();
        comment.body = body;
        comment.name = name;
        comment.date = new Date();
        commentList.add(comment);
        modelMap.addAttribute("commentList", commentList);
        return "lecture05/bbs";
    }


    /**
     * 辞書情報を保存するフィールド
     */
    private Map<String, String> dictionary = new HashMap<>();

    /**
     * 辞書（登録）: get
     */
    @GetMapping("/dictionary/register")
    public String dictionaryRegister() {
        return "lecture05/dictionaryRegister";
    }

    /**
     * 辞書（登録）: post
     */
    @PostMapping("/dictionary/register")
    public String dictionaryRegister(ModelMap modelMap, @RequestParam("english") String english, @RequestParam("japanese") String japanese) {
        dictionary.put(english, japanese);
        modelMap.addAttribute("message", "「" + english + "/" + japanese + "」を登録しました。");
        return "lecture05/dictionaryRegister";
    }

    /**
     * 辞書（検索）: get
     */
    @GetMapping("/dictionary/search")
    public String dictionarySearch() {
        return "lecture05/dictionarySearch";
    }

    /**
     * 辞書（検索）: post
     */
    @PostMapping("/dictionary/search")
    public String dictionarySearch(ModelMap modelMap, @RequestParam("english") String english) {
        String japanese = dictionary.get(english);
        String result;
        if (japanese != null) {
            result = "「" + english + "」の検索結果は「" + japanese + "」です。";
        } else {
            result = "「" + english + "」は登録されていません。";
        }
        modelMap.addAttribute("result", result);
        return "lecture05/dictionarySearch";
    }

    /**
     * 辞書（一覧）
     */
    @GetMapping("/dictionary/list")
    public String dictionaryList(ModelMap modelMap) {
        modelMap.addAttribute("dictionary", dictionary);
        return "lecture05/dictionaryList";
    }

}

/**

* 掲示板: コメントを保存しておくフィールド

private List<BbsComment> commentList = new ArrayList<>();

/**

* 掲示板: get

@GetMapping("/bbs")

public String bbsGet(ModelMap modelMap) {

modelMap.addAttribute("commentList", commentList);

return "lecture05/bbs";

}

/**

* 掲示板: post

@PostMapping("/bbs")

public String bbsGet(ModelMap modelMap, @RequestParam("body") String body, @RequestParam("name") String name) {

BbsComment comment = new BbsComment();

comment.body = body;

comment.name = name;

comment.date = new Date();

commentList.add(comment);

modelMap.addAttribute("commentList", commentList);

return "lecture05/bbs";

}

package net.teachingprogramming.webapp;

import java.util.Date;

/**
 * 掲示板（第5回）のコメントを表すクラス
 */
public class BbsComment {
    /** コメントの本文 */
    public String body;
    /** 投稿者の名前 */
    public String name;
    /** 投稿日時 */
    public Date date;
}

package net.teachingprogramming.webapp;

import java.util.Date;

/**

* 掲示板（第5回）のコメントを表すクラス

public class BbsComment {

/** コメントの本文 */

public String body;

/** 投稿者の名前 */

public String name;

/** 投稿日時 */

public Date date;

}

資料

ソースコード

teachingprogramming/lecture2017java2: NCT Java II (2017)

オンラインドキュメント

Tutorial: Using Thymeleaf (ja)

教科書

Map: P.215〜227
Set: P.205〜214