본문 바로가기
CLASS/SPRINGBOOT

#6-3 / thymeleaf - 2차배열 출력

by hingu 2024. 8. 21.

👀 알아두쇼

<div th:text="|데이터 그룹 갯수 : ${arr.length}|"></div>

==>  일반text + 변수 표현시  |  안에 집어넣으면 됨!    (  3.x 사용 가능  )

 

 

  👀 2차 원시배열, class배열  

 

- Controller

@GetMapping("/arrays.do")
public String arrays(Model m) {
    String arr[][] = {
        {"홍길동","강감찬","이순신"},
        {"22","33","44"}
    };
    m.addAttribute("arr",arr);

    ArrayList<ArrayList<String>> all = new ArrayList<ArrayList<String>>();
    ArrayList<String> al = new ArrayList<String>();
    al.add("서울지사");
    al.add("경기도지사");
    al.add("강원도지사");
    all.add(al);

    ArrayList<String> al2 = new ArrayList<String>();
    al2.add("59");
    al2.add("26");
    al2.add("12");
    all.add(al2);

    m.addAttribute("all",all);

    return "/arrays.html";
}

 

 

- arrays.html

<body>
	<div th:text="|원시배열 데이터 그룹 갯수 : ${arr.length}|"></div>
	
	<ul th:each="minfo,node : ${arr}">
		<li th:text=${minfo[0]}></li>
		<li th:text=${minfo[1]}></li>
		
		<!-- 요렇게두 가능 -->
		<!-- <li th:text=${arr[node.index][0]}></li> -->
		<!-- <li th:text=${arr[node.index][1]}></li> -->
	</ul>
	
	<br><br><br>
	
	<div th:text="|class배열 데이터 그룹 갯수 : ${all.size}|"></div>
	<div th:text="|class배열 데이터 그룹 한개당 데이터 갯수 : ${all[0].size}|"></div>
	
	<!-- 
            Stat을 이용하여 node번호 기점으로 class배열값을 출력 
            - 걍 위처럼 변수,node 따로 써줘도 됨 
        -->
	<dl th:each="node : ${all[0]}"> <!-- data로 돌림 - 3바퀴 -->
		<dt>지사명 : <em th:text="${all[0][nodeStat.index]}"></em></dt>
		<dd>인원수 : <kbd th:text="${all[1][nodeStat.index]}"></kbd></dd>
	</dl>
	
</body>

but  dao 사용을 많이함 ^^ㅋ  => https://dev-eunse.tistory.com/276  요깄음 ㅎ