타임리프 문법으로 경로 수정하는데 적용이 안되는것 같습니다

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

상품 목록 - 타임리프

작성

307

상품목록-타임리프 강의에서

<tr th:each="item : ${items}">
  <td><a href="item.html" th:href="@{/basic/items/{itemId} (itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
  <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
  <td th:text="${item.price}">10000</td>
  <td th:text="${item.quantity}">10</td>
</tr>
이코드를 따라쳤는데도 안되서 강의 자료에있는걸 복사 붙여넣기했는데도 
경로가 수정이 안됩니다.. 왜그럴까요 ??ㅠㅜ

spring MVC

답변 1

OMG

안녕하세요. 김태환님, 공식 서포터즈 OMG입니다.

강의 코드를 사용하여도 동일한 문제면, 해당 부분이 아닌 관련된 다른 부분에서 문제로 보이네요

<a href="item.html" th:href="@{/basic/items/{itemId} (itemId=${item.id})}"

<a href="item.html" th:href="@{|/basic/items/${item.id}|}"

처리하는 컨트롤러 코드를 확인해주세요.

해결이 안될 경우 댓글남겨주세요

감사합니다.

이혜원

안녕하세요. 저도 같은 문제를 겪고 있는데요! 해결방안을 알고 싶습니다.

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
            href="../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container" style="max-width: 600px">
    <div class="py-5 text-center">
        <h2>상품 목록</h2>
    </div>
    <div class="row">
        <div class="col">
            <button class="btn btn-primary float-end"
                    onclick="location.href='addForm.html'"
                    th:onclick="|location.href='@{/basic/items/add}'|"
                    type="button">상품 등록
            </button>
        </div>
    </div>
    <hr class="my-4">
    <div>
        <table class="table">
            <thead>
            <tr>
                <th>ID</th>
                <th>상품명</th>
                <th>가격</th>
                <th>수량</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${items}">
                <td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
                <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
                <td th:text="${item.price}">10000</td>
                <td th:text="${item.quantity}">23</td>
            </tr>
            </tbody>
        </table>
    </div>
</div> <!-- /container -->
</body>
</html>

OMG

해당 코드에 오타의 이유로 문제가 발생할 수도 있겠지만, 그 외의 코드에서 문제가 있을 수도 있어서 코드 확인이 필요합니다.

질문글 남기시면 댓글남기겠습니다.

인프런 커뮤니티 질문&답변

타임리프 문법으로 경로 수정하는데 적용이 안되는것 같습니다