[SpringBoot2.4.3] Thymeleafインライン・レイアウト2

### th:each
controller

	@RequestMapping("/{month}")
	public ModelAndView index(ModelAndView mav) {
		mav.setViewName("index");
		ArrayList<String[]> data = new ArrayList<String[]>();
		data.add(new String[] {"taro","taro@yamada","090-999-999"});
		data.add(new String[] {"hanako","hanako@sato","080-888-888"});
		data.add(new String[] {"sachiko","sachiko@saito","080-888-888"});
		mav.addObject("data",data);
		return mav;
	}

	<table>
		<tr>
			<th>NAME</th>
			<th>MAIL</th>
			<th>TEL</th>
		</tr>
		<tr th:each="obj:${data}">
			<td th:text="${obj[0]}"></td>
			<td th:text="${obj[1]}"></td>
			<td th:text="${obj[2]}"></td>
		</tr>
	</table>

### プリプロセッシング
->　式の一部を事前に評価させ、その結果を元に変数式を実行する
概念がイマイチよくわからんが。。

	@RequestMapping("/{num}")
	public ModelAndView index(@PathVariable int num, ModelAndView mav) {
		mav.setViewName("index");
		mav.addObject("num",num);
		if (num > 0) {
			mav.addObject("check","num >= data.size() ? 0 : num");
		} else {
			mav.addObject("check", "num <= data.size() * -1 ? 0 : num * -1");
		}
		ArrayList<DataObject> data = new ArrayList<DataObject>();
		data.add(new DataObject(0, "taro","taro@yamada"));
		data.add(new DataObject(1, "hanako","hanako@sato"));
		data.add(new DataObject(2, "sachiko","sachiko@saito"));
		mav.addObject("data",data);
		return mav;
	}

html

	<p th:text="|expression[ ${check} ]|"></p>
	<table th:object="${data.get(__${check}__)}">
		<tr>
			<th>ID</th>
			<td th:text="*{id}"></td>
		</tr>
		<tr>
			<th>NAME</th>
			<td th:text="*{name}"></td>
		</tr>
		<tr>
			<th>MAIL</th>
			<td th:text="*{value}"></td>
		</tr>
	</table>

ん？　意味がわからん。

### インライン処理
th:inline=”text”と書くと、そのタグの内部のみインライン処理が可能になる

	@RequestMapping("/")
	public ModelAndView index(ModelAndView mav) {
		mav.setViewName("index");
		ArrayList<DataObject> data = new ArrayList<DataObject>();
		data.add(new DataObject(0, "taro","taro@yamada"));
		data.add(new DataObject(1, "hanako","hanako@sato"));
		data.add(new DataObject(2, "sachiko","sachiko@saito"));
		mav.addObject("data",data);
		return mav;
	}

html

	<table th:inline="text">
		<tr>
			<th>ID</th>
			<th>NAME</th>
			<th>MAIL</th>
		</tr>
		<tr th:each="obj: ${data}">
			<td>[[${obj.id}]]</td>
			<td>[[${obj.name}]]</td>
			<td>[[${obj.value}]]</td>
		</tr>
	</table>

#### jsのインライン処理

	@RequestMapping("/{tax}")
	public ModelAndView index(@PathVariable int tax, ModelAndView mav) {
		mav.setViewName("index");
		mav.addObject("tax",tax);
		return mav;
	}

	<h1>Helo page</h1>
	<p id="msg"></p>
	<input type="text" id="text1">
	<button onclick="action()">click</button>
	<script th:inline="javascript">
	function action(){
		var val = document.getElementById("text1").value;
		var res = parseInt(val * ((100 + /*[[${tax}]]*/) /100 ));
		document.getElementById("msg").innerHTML = "include tax: " + res;
	}
	</script>

js側に渡せるってこと？
よくわからんが凄え。