상품목록 - products.jsp

<a href="🎪/shop/add.jsp" class="btn btn-primary btn-lg px-4 gap-3">상품 등록</a> <a href="🎪/shop/editProducts.jsp" class="btn btn-success btn-lg px-4 gap-3">상품 편집</a> <a href="🎪/shop/cart.jsp" class="btn btn-warning btn-lg px-4 gap-3">장바구니</a>

<div class="row gy-4"> <div class="col-md-6 col-xl-4 col-xxl-3"> <div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> <img src="img?id=P100001" class="w-100 p-2"> </div> <!-- 컨텐츠 영역 --> <div class="content"> <h3 class="text-center">자바 프로그래밍</h3> <p>안녕하세요 자바프로그래밍 강의입니다.</p> <p class="text-end price">₩ 50000</p> <p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100001" class="btn btn-outline-primary"><i class="material-symbols-outlined">shopping_bag</i></a> <a href="./product.jsp?id=P100001" class="btn btn-outline-primary">상세 정보</a> </p> </div> </div> </div> <div class="col-md-6 col-xl-4 col-xxl-3"> <div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> <img src="img?id=P100002" class="w-100 p-2"> </div> <!-- 컨텐츠 영역 --> <div class="content"> <h3 class="text-center">오라클 데이터베이스</h3> <p>오라클 데이터베이스 입니다.</p> <p class="text-end price">₩ 20000</p> <p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100002" class="btn btn-outline-primary"><i class="material-symbols-outlined">shopping_bag</i></a> <a href="./product.jsp?id=P100002" class="btn btn-outline-primary">상세 정보</a> </p> </div> </div> </div> <div class="col-md-6 col-xl-4 col-xxl-3"> <div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> <img src="img?id=P100003" class="w-100 p-2"> </div> <!-- 컨텐츠 영역 --> <div class="content"> <h3 class="text-center">HTML CSS JAVASCRIPT</h3> <p>웹 기초 강의입니다.</p> <p class="text-end price">₩ 15000</p> <p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100003" class="btn btn-outline-primary"><i class="material-symbols-outlined">shopping_bag</i></a> <a href="./product.jsp?id=P100003" class="btn btn-outline-primary">상세 정보</a> </p> </div> </div> </div> <div class="col-md-6 col-xl-4 col-xxl-3"> <div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> <img src="img?id=P100004" class="w-100 p-2"> </div> <!-- 컨텐츠 영역 --> <div class="content"> <h3 class="text-center">JSP</h3> <p>JSP 강의입니다.</p> <p class="text-end price">₩ 80000</p> <p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100004" class="btn btn-outline-primary"><i class="material-symbols-outlined">shopping_bag</i></a> <a href="./product.jsp?id=P100004" class="btn btn-outline-primary">상세 정보</a> </p> </div> </div> </div> </div>

<div class="row gy-4"> <div class="col-md-6 col-xl-4 col-xxl-3"> </div> </div>

<div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> <img src="https://via.placeholder.com/256x144" class="w-100 p-2"> <img src="" class="w-100 p-2"> </div> <!-- 컨텐츠 영역 --> <div class="content"> <h3 class="text-center">컨텐츠 제목</h3> <p>안녕하세요 컨텐츠 내용입니다.</p> <p class="text-end price">₩ 50000</p> <p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100001" class="btn btn-outline-primary"> <i class="material-symbols-outlined">shopping_bag</i> </a> <a href="./product.jsp?id=P100001" class="btn btn-outline-primary">상세 정보</a> </p> </div> </div>

<div class="card p-3"> <!-- 이미지 영역 --> <div class="img-content"> </div> <!-- 컨텐츠 영역 --> <div class="content"> </div> </div>

<p class="d-flex justify-content-between"> <a href="./cart_pro.jsp?id=P100001" class="btn btn-outline-primary"> <i class="material-symbols-outlined">shopping_bag</i> </a> <a href="./product.jsp?id=P100001" class="btn btn-outline-primary">상세 정보</a> </p>