thymeleafのループについて

Question

前提・実現したいこと

SpringBootとThymeleafを導入し、勤怠表を作成しています。具体的には、勤務時間を入力して更新することでDBへ登録（更新）し、ページを再表示した際にはDBの値を初期値として出力しておくものです。。その際に、
各tr,td,selectにyyyyMMdd形式のidと、平日、土曜、日曜でそれぞれclassを付与したい。
かつDBから取得してきたデータを初期値として出力しておきたい。
現在Logicのクラスに直接HTMLタグを文字列として使用し、各td要素を作成してリスト化したのち、trに対してそのtdのリストをth:eachで回して表示しています。エラーではないのですが、このような場合、HTMLタグを文字列として記述してしまうようなやり方はどうなのでしょうか。
HTMLに記述しようと思ったのですが、うまいやり方が分からず迷走しています。

public class AttendanceLogic {

	public Model attendancePage(Attendance attendance, Model model) {
		model.addObject("attendances", attendance);

		// DBに登録済の勤務表
		List<String> workStartList = new ArrayList<String>(Arrays.asList(attendance.getWork_start().split(",")));
		List<String> workEndList = new ArrayList<String>(Arrays.asList(attendance.getWork_end().split(",")));
		List<String> workBreakList = new ArrayList<String>(Arrays.asList(attendance.getBreak_time().split(",")));

		LocalDate now = LocalDate.now();
		// 当月を0埋め表記
		int currentMonthValue = now.getMonthValue();
		String currentMonthZero = "0" + String.valueOf(currentMonthValue);
		String currentMonthStr = currentMonthZero.substring(currentMonthZero.length() - 2);
		// うるう年等の判定のため、yearを取得
		int currentYear = now.getYear();
		// 当月末
		int endOfTheMonth = LocalDate.of(currentYear, currentMonthValue, 1).lengthOfMonth();

		// 当月の各データ一覧(td)を代入するリスト
		List<String> fullDayList = new ArrayList<String>();

        // 1日～月末までループする
		for (int i = 1; i <= endOfTheMonth; i++) {
			// 日にちを0埋め表記
			String dateZero = "0" + String.valueOf(i);
			String dateStr = dateZero.substring(dateZero.length() - 2);
			String oneDayStr = currentYear + "-" + currentMonthStr + "-" + dateStr;
			// 当月/i日にフォーマット
			LocalDate oneDay = LocalDate.parse(oneDayStr);
			// oneDayの曜日を追加
			DateTimeFormatter formatterWeek = DateTimeFormatter.ofPattern("(EEE)");
			String dayOfWeek = formatterWeek.format(oneDay);
			String fullDay = currentMonthValue + "/" + i + "日" + dayOfWeek;
			// fullDayのid属性に付与する値(yyyyMMdd)
			DateTimeFormatter formatterId = DateTimeFormatter.ofPattern("yyyyMMdd");
			String oneDayId = formatterId.format(oneDay);
			// 勤務区分のセレクトボタン
			String workCategorySelect = "<select id='" + oneDayId + " work-category-select' class='" + oneDayId + " work-category-select'>" +
									        "<option value='出勤'>出勤</option>" +
									        "<option value='休み'>休み</option>" +
									        "<option value='有給休暇'>有給休暇</option>" +
								        </select>";

			// tdのテンプレート
			String workDetailsHtml = "<td id=work-category" + i + " class=work-category" + i + ">" + workCategorySelect + "</td>" +
									"<td id=work-start" + i + " class=work-start" + i + "><input type=time name=work_start value=" + workStartList.get(i - 1) + " id=work-start-input" + i + " class=work-start></td>" +
									"<td id=work-end" + i + " class=work-end" + i + "><input type=time name=work_end value=" + workEndList.get(i - 1) + " id=work-end-input" + i + " class=work-end></td>" +
									"<td id=break-time" + i + " class=break-time" + i + "><input type=text name=break_time value=" + workBreakList.get(i - 1) + " id=break-time-input" + i + " class=break-time></td>" +
									"<td id=actual-work" + i + " class=actual-work" + i + ">" + result + "</td>" +
									"<td id=remarks" + i + " class=remarks" + i + "></td>";
			// 土日と平日にそれぞれidを付与
			if (dayOfWeek.equals("(土)")) {
				String fullDayHtml = "<td id='" + oneDayId + " saturday'" + " class='" + oneDayId + " saturday'>" + fullDay + "</td>" + workDetailsHtml;
				fullDayList.add(fullDayHtml);
			} else if (dayOfWeek.equals("(日)")) {
				String fullDayHtml = "<td id='" + oneDayId + " sunday'" + " class='" + oneDayId + " sunday'>" + fullDay + "</td>" + workDetailsHtml;
			} else {
				String fullDayHtml = "<td id='" + oneDayId + " weekday'" + " class='" + oneDayId + " weekday'>" + fullDay + "</td>" + workDetailsHtml;
			}
		}
		model.addObject("fullDayList", fullDayList);

        return model;
	}
}

    <form th:action="@{/attendance}" th:method="post" th:object="${attendanceForm}">
		<input type="hidden" name="user_id" th:value="${loginUser.id}" />
		<table id="time-table" class="time-table" border="1">
			<thead>
				<tr id="category" class="category">
					<th id="date" class="date">日付</th>
					<th id="work-division" class="work-division">出勤区分</th>
					<th id="work-start" class="work-start">出勤時間</th>
					<th id="work-end" class="work-end">退勤時間</th>
					<th id="break-time" class="break-time">休憩時間(分)</th>
					<th id="actual-time" class="actual-time">実働時間</th>
					<th id="remarks" class="remarks">備考</th>
				</tr>
			</thead>
			<tbody>
				<tr th:each="fullDay : ${fullDayList}" th:utext="${fullDay}">
				</tr>
			</tbody>
		</table>
		<input type="submit" value="更新" />
	</form>

試したこと

省略しているところもありますが、概ね上記のような状態です。ちなみにこの状態だとtrにはidは付いてないのですが、trタグをつけた状態でHTMLのtbodyでeach文を回すと、tbodyも一緒に増えてしまうためこのようになっています。(本当はtrにもidやclassを条件で付与したい)
よろしくお願いします。

補足情報（FW/ツールのバージョンなど）

SpringBoot
Thymeleaf

Comments

[退会済みユーザー]

とりあえず直すのはコンパイルエラーですね

Answer 1

numbers.sequenceで解決しました。

Answer 2

HTMLタグを文字列として記述してしまうようなやり方はどうなのでしょうか。

HTMLはそもそも文字列の集合体です。

というのはさておき、Thymeleafのようなテンプレートエンジンを導入するメリットは「ロジックとビューの分離」にありますので、Javaのコードにビューに相当する記述を書くのは好ましくないと思います。
あっちこっちにビューが書かれるので、メンテナンスもしにくくなるはずです。

必要な情報を渡して、HTMLの描画はThymeleafに任せた方が良いです。

フォーマット等はJava側でしてしまった方が良いかもしれませんね。

Comments

[退会済みユーザー]

回答ありがとうございます。
確かにメンテナンスはしにくいですよね.....
ただ、上記のような条件で出力を行いたいときにHTML側でどのように記述すればよいかが分からずこのようになりました。
th:eachを複数回したりjavascript等で後からclassを付与したりしたほうがよいのか。どのみち煩雑になってしまうのはないかと思ったのですが。

[m.ts10806]

んーと、それだけですか？
アドバイスを得た上でどうなったかとかどうするつもりとかフィードバックください。お礼だけが欲しい回答者っていないです。