はじめに

以下の続きで、eachでの繰り返し処理を表の列で使おうと思ってやってみたら、すぐには上手くいかなかった。

参考文献(前回と同じ)

詰まったこと

前回の状態から、tplファイルでAccoutテーブルのデータを表示しているところを表にしてみようと思った

getData.tpl

yieldUnescaped '<!DOCTYPE html>'

html(lang:'ja') {
	head {
		meta(charset:"UTF-8")
		title("繰り返し")
		link(rel:"stylesheet", type:"text/css",
			href:"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css")
	}
	body(class:"container"){
		h1(class:"display-4 mb-4", title)
		p(message)
		div (class:"alert alert-primary") {
			if (flag1) {
				p("flag1がtrueの時に出力されるよ")
			} else {
				p("flag1がfalseだったら出力")	
			}
			if (flag2) {
				p("flag2がtrueの時に出力されるよ")
			} else {
				p("flag2がfalseだったら出力")	
			}
		}

// ------------ ここから前回と書き換えた部分 ------------

		table(class:"table") {
			thead {
				tr {
					th("ID")
					th("Name")
					th("Mail")
				}
			}
			tbody {
				data.each {
					tr {
						td(it.id)
						td(it.name)
						td(it.mail)
					}
				}
			}
		}
	}
}

実行してみると... (プロジェクトを右クリック > 実行 > Spring Boot アプリケーション)
エラーが出た
java.lang.NullPointerException: Cannot get property 'id' on null object

eachの繰り返し処理で、リストであるdataの中身が１つずつ取り出されてitという変数に入れられて情報が取得できるはずなのに、idがnullと言われてしまった。

考察

data.eachとtd(it.id)の間にtrが挟まっていることがよくないのかも

解決策

明示的に変数itemに格納してみた

getData.tpl(修正した範囲だけ)

table(class:"table") {
    thead {
        tr {
            th("ID")
            th("Name")
            th("Mail")
        }
    }
    tbody {
        data.each { item -> // ここ
            tr {
                td(item.id)
                td(item.name)
                td(item.mail)
            }
        }
    }
}

解決した！

他にも...

以下のようにしてもうまくいった

getData.tpl(修正その2)

table(class:"table") {
    thead {
        tr {
            th("ID")
            th("Name")
            th("Mail")
        }
    }
    tbody {
        for(item in data) {
            tr {
                td(item.id)
                td(item.name)
                td(item.mail)
            }
        }
    }
}

getData.tpl(修正その3)

table(class:"table") {
    thead {
        tr {
            th("ID")
            th("Name")
            th("Mail")
        }
    }
    tbody {
        Integer i = 0
        while(i < data.size()) {
            tr {
                td(data[i].id)
                td(data[i].name)
                td(data[i].mail)
            }
            i++
        }
    }
}

終わりに

Groovyの文法をちゃんと理解したほうがいいな