JAVAで作っているショッピングサイトの履歴がうまく表示できない。

Question

前提・実現したいこと

JAVA(SpringToolSuite4でショッピングカート風なシステムを作っています。
履歴を表示したいのですが、<tbody>内の構文がうまくかけず、すべての履歴が表示されず、表示しても最新で購入したもののみの履歴しか表示されません。
今回、実現したいことは、履歴をすべて表示させることです。
お手隙の際にご教授いただければ幸いです。

書いたコード①

IndexController.java

@ResponseBody
	@PostMapping("/api/history")
	public String historyApi(@RequestBody HistoryForm form) {
		String userId = form.getUserId();
		List<Purchase>history = purchaseRepos.findHistory(Long.parseLong(userId));
		List<HistoryDto> historyDtoList = new ArrayList<>();
		history.forEach((v) ->{
			HistoryDto dto = new HistoryDto(v);
			historyDtoList.add(dto);
		});
		
	return gson.toJson(historyDtoList);
	}

HistoryDto.java

public class HistoryDto {

	private long id;
	
	private long userId;
	
	private long goodsId;
	
	private String goodsName;
	
	private long itemCount;
	
	private long total;
	
	private String createdAt;
	
	public HistoryDto() {}
	
	public HistoryDto(Purchase entity) {
		this.id = entity.getId();
		this.userId = entity.getUserId();
		this.goodsId = entity.getGoodsId();
		this.goodsName = entity.getGoodsName();
		this.itemCount = entity.getItemCount();
		this.total = entity.getTotal();
		
		Timestamp d =entity.getCreatedAt();
		SimpleDateFormat f = new SimpleDateFormat("yyyy/MM/dd hh:mm:ss");
		this.createdAt = f.format(d);
	}
	
	public HistoryDto(long id, long userId, long goodsId, String goodsName,long itemCount,long total,String createdAt) {
		this.id = id;
		this.userId = userId;
		this.goodsId = goodsId;
		this.goodsName = goodsName;
		this.itemCount = itemCount;
		this.total = total;
		this.createdAt = createdAt;
	}
	
	public long getId() {
		return id;
	}
	public void setId(long id) {
		this.id = id;
	}
	
	public long getUserId() {
		return userId;
	}
	public void setUserId(long userId) {
	this.userId = userId;
	}
	
	public long getGoodsId() {
		return goodsId;
	}
	public void setGoodsId(long goodsId) {
		this.goodsId = goodsId;
	}
	
	public String getGoodName() {
		return goodsName;
	}
	public void setGoodsName(String goodsName) {
		this.goodsName = goodsName;
	}
	
	public long getItemCount() {
		return itemCount;
	}
	public void setItemCount(long itemCount) {
		this.itemCount = itemCount;
	}
	
	public long getTotal() {
		return total;
	}
	public void setTotal(long total) {
		this.total = total;
	}
	
	public String getCreatedAt() {
		return createdAt;
	}
	public void setCreatedAt(String createdAt) {
		this.createdAt = createdAt;
	}
}

書いたコード②(問題となる部分)

Index.html

<button id="buyBtn">購入</button>
　　<button id="historyBtn">履歴</button>
</fieldset>

<div id="history" title="購入履歴" style="display:none;">
<table id="historyTable">
    <thead>
       <tr>
       <th>商品名</th><th>注文数</th><th>購入日時</th>
     </tr>
    </thead>
     <tbody>
       <tr th:each="item : ${historyDtoList}">
         <td th:text="${item.goodsName}"/>
          <td th:text="${item.itemCount}" />
           <td th:text="${item.createdAt}" />
     </tr> 
     
      
  </tbody>
</table>

書いたコード③

common.js

	
let showHistory = () => {
		$.ajax({
			type:'POST',
			url: '/ecsite/api/history',
			data: JSON.stringify({ "userId": $('#hiddenUserId').val()}),
			contentType: 'application/json',
			datatype: 'json',
			scriptCharset: 'utf-8'
		})
	.then((result) => {
		let historyList = JSON.parse(result);
		let tbody = $('#historyTable').find('tbody');
		    $(tbody).children().remove();
		    historyList.forEach((history, index) => {
		    	let tr = $('<tr />');
		    	
		    	$('<td />',{ 'text': history.goodsName}).appendTo(tr);
		    	$('<td />',{ 'text': history.itemCount}).appendTo(tr);
		    	$('<td />',{ 'text': history.createdAt}).appendTo(tr);
		    	
		    	$(tr).appendTo(tbody);
		    });
		    $("#history").dialog("open");
	     },() => {
	    	 console.error('Error: ajax connection failed.');
	     }
			);
	};

補足情報

SpringToolSite4(sts4.5.1)を使用
java側でのforEachがきちんと機能せず、webのコンソールで確認した結果
tbody内は書かれてないことになってます。

Comments

[m.ts10806]

>SpringBoot4.0

最新は2.3のはずですが…
https://spring.io/projects/spring-boot

あと、Java側でforEachがきちんと想定回数まわってるか確認してみてください。
HistoryDtoの定義も提示してください

[m.ts10806]

ただ、JavaScriptで作るならThymeleaf側のループは意味がないのでは…？

[sodium_chem]

バージョンがSpringToolSite4になります。
java側でのforEachがきちんと機能せず、webのコンソールで確認した結果
tbody内は書かれてないことになってます。

[m.ts10806]

>バージョンがSpringToolSite4になります。

それはIDEのバージョンであってフレームワーク自体のバージョンではないですね。おそらくなにもしなければSpringBoot2の最新だと思います

>java側でのforEachがきちんと機能せず、

想定回数回っているか確認してください。デバッグです。コードもデータも全て提示されているわけではないので、こちらで確認はできません。
findHistoryの結果を確認するところからですね

Answer 1

findHistory に入っていたSQL文の部分がSELECT MAXとなっていたため、最新の情報しか取得できませんでした。SQL文の誤りです。
また、Thymeleaf側のループは、意味がないため、取り消しました。

SELECT MAX(created_at)