상품 상세 정보 버튼 만들기
products.jsp
<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="java.util.ArrayList"%>
<%@ page import="dto.Product"%>
<jsp:useBean id="productDAO" class="dao.ProductRepository" scope="session" />
<html>
<head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<meta charset="UTF-8">
<title>상품 목록</title>
</head>
<body>
<jsp:include page="menu.jsp" />
<div class="jumbotron">
<div class="container">
<h1 class="display-3">상품 목록</h1>
</div>
</div>
<%
ArrayList<Product> listOfProducts = productDAO.getAllProducts();
%>
<div class="container">
<div class="row" align="center">
<%
for (int i = 0; i < listOfProducts.size(); i++) {
Product product = listOfProducts.get(i);
%>
<div class="col-md-4">
<h3><%=product.getPname()%></h3>
<p><%=product.getDescription()%>
<p><%=product.getUnitPrice()%>원
<p><a href="./product.jsp?id=<%=product.getProductId()%>"
class="btn btn-secondary" role="button"> 상세 정보 »</a>
</div>
<%
}
%>
</div>
<hr>
</div>
<jsp:include page="footer.jsp" />
</body>
</html>
상품 상세 정보 페이지 만들기
product.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@page import="dto.Product"%>
<jsp:useBean id="productDAO" class="dao.ProductRepository"
scope="session" />
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<meta charset="UTF-8">
<title>상품 상세 정보</title>
</head>
<body>
<jsp:include page="menu.jsp" />
<div class="jumbotron">
<div class="container">
<h1 class="display-3">상품 정보</h1>
</div>
</div>
<%
String id = request.getParameter("id");
Product product = productDAO.getProductById(id);
%>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3><%=product.getPname()%></h3>
<p><%=product.getDescription()%>
<p><b>상품 코드 : </b><span class="badge badge-danger">
<%=product.getProductId()%></span>
<p><b>제조사</b> : <%=product.getManufacturer()%>
<p><b>분류</b> : <%=product.getCategory()%>
<p><b>재고 수</b> : <%=product.getUnitsInStock()%>
<h4><%=product.getUnitPrice()%>원</h4>
<p><a href="#" class="btn btn-info">상품 주문 »</a>
<a href="./products.jsp" class="btn btn-secondary"> 상품 목록 »</a>
</div>
</div>
</div>
<jsp:include page="footer.jsp"/>
</body>
</html>
실행결과
시작 페이지의 접속 시각 자동 갱신하기
response.setIntHeader("Refresh",5);
'Study > WebServer' 카테고리의 다른 글
| [웹 쇼핑몰 실습] 상품 이미지 등록하기 (0) | 2021.08.22 |
|---|---|
| [웹 쇼핑몰 실습] 상품 등록 페이지 만들기 (0) | 2021.08.22 |
| [웹 쇼핑몰 실습] 상품 목록 표시 (0) | 2021.08.22 |
| [웹 쇼핑몰 실습] 한글 출력 및 페이지 모듈화 (0) | 2021.08.22 |
| [웹 쇼핑몰 실습] 시작 페이지 만들기 (0) | 2021.08.22 |