Springboot Thymeleaf TupleBackedMapのデータを表示したい

前提・実現したいこと

POJOにマッピングしたデータをThymeleafに渡して表示させたいです
データの取得自体は出来ているのですが、表示されません。

Controller

	@RequestMapping(value = "/pizza/allshopsales", method = RequestMethod.POST)
	public String salesListAdmin(Model model) {
		List<SalesResult> adminShopSales = pizzaService.findAllShopSales();

		model.addAttribute("sales", adminShopSales);

		return "pizza/salesadmin";
	}

Service

	public List<SalesResult> findAllShopSales(){
		return salesRepository.adminSales();//全店舗の売り上げを検索
	}

Repository

	@Query(value = "SELECT sales.shop_name, DATE_FORMAT(sales.date, '%Y-%m-%d') AS time, SUM(sales.sale) AS sum FROM sales GROUP BY DATE_FORMAT(sales.date, '%Y%m%d'), sales.shop_id", nativeQuery = true)
	List<SalesResult> adminSales();

Thymeleaf

<body>
	<h1>各店舗売上</h1>
	<table class="table table-bordered table-hover col-6" id="fav-table">
		<thead>
			<tr>
				<th>店名</th>
				<th>売上</th>
				<th>日付</th>
			</tr>
		</thead>
		<tbody>
			<tr th:each="salesList : ${sales}">
				<td class="center" th:text="*{shop_name}"></td>
				<td class="center" th:text="*{sum}"></td>
				<td class="center" id="time" th:text="*{#temporals.format(time, 'yyyy/MM/dd')}"></td>
			</tr>
		</tbody>
	</table>
</body>

行動規範の内容に同意します

回答1件

ベストアンサー

Thymeleafの *{ } 記法は、親要素にて th:object で宣言した内容から取得します。th:eachだけでは利用できません。

html
1            <tr th:each="salesList : ${sales}" th:object="${salesList}">
2                <td class="center" th:text="*{shop_name}"></td>
3                <td class="center" th:text="*{sum}"></td>
4...(中略)...
5            </tr>

とするか、

html
1            <tr th:each="salesList : ${sales}">
2                <td class="center" th:text="${salesList.shop_name}"></td>
3                <td class="center" th:text="${salesList.sum}"></td>
4...(中略)...
5            </tr>

eachの出力内容をそのまま使います。

話は逸れて命名の問題ですが、th:each で Listから取得した結果のオブジェクト名が salesList ですと、さらにListなのかと勘違いしそうです。最適なのは

html
1            <tr th:each="sale : ${sales}">

でしょうか。

投稿2020/09/24 07:32

A-pZ

総合スコア12011

yuu_info

2020/09/24 07:46 編集

ご回答ありがとうございます。ご指摘いただいた点を修正し、再度表示してみた所 EL1008E: Property or field 'shop_name' cannot be found on object of type 'com.sun.proxy.$Proxy118' - maybe not public or not valid? このようなエラーが発生しました。 shop_nameは実在するカラムなのでここが間違っているという事は無いと仮定して、'com.sun.proxy.$Proxy118'ここが怪しいと思うのですが・・・また、命名の件についてのご指摘ありがとうございます。

A-pZ

2020/09/24 07:51

SalesResultクラスのshop_name フィールドが参照できないようです。フィールド名はあっているでしょうか？

yuu_info

2020/09/24 07:59

public interface SalesResult extends Serializable{ LocalDateTime getdate(); Integer getsum(); String getshopName(); } こちらSalesResultクラスです。　shop_nameをshopNameに変更してみても同様のエラーが発生しました。前提で提示したデバッグの画像によると、shop_nameはkey 値はvalueに格納されていました。

A-pZ

2020/09/24 08:14

getDate() や、getSum()、getShopName() では駄目でしょうか。なおこれも必須ではないのですが、Repositoryからの取得結果を格納するクラスはインタフェースではなく、何らかの実体クラスに値を置き換えると、Thymeleafなどへ出力する際に出力内容の調整ができるので、少し楽になります。

yuu_info

2020/09/24 08:27

<td class="center" th:text="*{getshopName()}"></td> <td class="center" th:text="*{getsum()}"></td> <td class="center" id="time" th:text="*{#temporals.format(getdate(), 'yyyy/MM/dd')}"></td> このように記述した所、getsum()の値だけは出力されました！しかし、他の二つが表示されません。実体クラスへの置き換えですが、それをするとConverterNotFoundExceptionが発生してしまいます。それの対応として、今回のインタフェースでの実装に至りました。しかし実体クラスに値を置き換えられるのが理想ではありますね。。。

A-pZ

2020/09/24 09:37

あ、私が記載したのは、SalesResultインタフェースのメソッドです。質問にあるデバッグ時のオブジェクトとその格納されているフィールドを拝見すると、keyの値が shop_name, time, sum となっていますので、それに合わせるとするならば、SalesResultインタフェースのメソッドは getShop_name(), getTime(), getSum() になるかと思います。

yuu_info

2020/09/25 02:05

なるほど、失礼しました。ご指摘頂いた通りに修正した所、getShopNameも出力されました。getTimeは出力されないのですが、後は自分の力でやってみたいと思います。詳しく教えていただきありがとうございました。

行動規範の内容に同意します