Sejin-999 / myLittleBar

0 stars 2 forks source link

칵테일 상세페이지 #14

Closed Sejin-999 closed 1 year ago

Sejin-999 commented 1 year ago

1 2

위 화면 처럼 칵테일이름과 베이스, 재료에 대해 나올수 있도록했습니다. 사진 백그라운드가 하얀색이여서 우선 배경색은 하얀색으로 했습니다. 간단한 css 스타일링과 호버부분만 만들었습니다.

3

DrinkDetail 패키지 파일이 현재 작동중인 페이지에 적용되어있습니다.

컨트롤러 부분을 먼저 작업하신 부분에 추가하고 만들어 혹 겹쳐 충돌 , 작업하시고 안올리신게 삭제될까봐 detail 브런치에 파일 전체를 따로 올려놨습니다. 4

url 부분만 완성하면 되는데 여기서 문제가 있어 작업 중에 있습니다. 혹시 도움을 주 실수 있으면 감사하겠습니다. 현재는 drink_id 를 1로 고정된 값으로 넘겨줍니다.

5

예상보다 늦어져 죄송합니다.

teawon commented 1 year ago

고생하셨습니다!

우선 url링크같은 경우는

<c:when test="${baseList != null && fn:length(baseList)>0}">
                            <c:forEach var="base" items="${baseList}" varStatus="status">
                                <c:if test="{i%j==0}">
                                    <tr style="padding-right: 5%; padding-left: 5%; padding-top:3%;">
                                </c:if>
                                <td  
                                    style="vertical-alight: top; padding-right: 2.5%; padding-left: 2.5%;">
                                    <a class="a"
                                    href="drinkController?action=getSearchList&base_id=${base.base_id}">
                                        <figure class="image">
                                            <img class="imageSize" src="${base.image}" >
                                            <figcaption
                                                style="text-align: center; color: #FFFFFF; text-decoration: none; font-size: 2rem;">${base.name}</figcaption>
                                        </figure>
                                </a>
                                </td>
                                <c:if test="${i%j == j-1}">
                                    </tr>
                                </c:if>
                                <c:set var="i" value="${i+1}" />
                            </c:forEach>
                        </c:when>

main.jsp코드중 일부인데 보시면 리스트데이터를 for문으로 요소를 출력하고있습니다. 여기서

<a class="a" href="drinkController?action=getSearchList&base_id=${base.base_id}">

위 부분과 같이 넘겨주려는 자신의 ID값을 변수로 넣어서 표현하시면 해당 칵테일에 대한 id값을 넘길 수 있습니다. 자세한건 코드 참고하시면 좋을 것 같아요

Sejin-999 commented 1 year ago

넵 확인했습니다.