22-07-28 진행상황

제품 후기 입력페이지에 입력한 별점을 데이터베이스에서 불러와 평가만큼 나오게 넣어놨다.

css속성이다 별은 이미지이다.

.star{
	background-image: url(upload/star.svg);
	background-repeat: no-repeat;
	background-size: 150px 50px; 
	height: 40px;
	display: inline-block;
	position: relative;
}

별을 넣는 코드이다.
디비에서 불러온 별점의 점수만큼 별의 길이를 width로 정해서 넣어준다.

			<c:forEach var="reply" items="${replyList}">	
				<c:choose>
					<c:when test="${reply.grade eq '1'}">
						<i class="star" style="width: 30px;"></i>${reply.grade}점
					</c:when>
					<c:when test="${reply.grade eq '2'}">
						<i class="star" style="width:60px;"></i>${reply.grade}점
					</c:when>
					<c:when test="${reply.grade eq '3'}">
						<i class="star" style="width:90px;"></i>${reply.grade}점	
					</c:when>
					<c:when test="${reply.grade eq '4'}">
						<i class="star" style="width:120px;"></i>${reply.grade}점			
					</c:when>
					<c:when test="${reply.grade eq '5'}">
						<i class="star" style="width:150px;"></i>${reply.grade}점	
					</c:when>
				</c:choose>
				</li>
			</c:forEach>