웹 상점은 사용자가 온라인으로 상품을 둘러보고, 선택한 상품을 장바구니에 추가하며, 결제를 진행할 수 있는 웹 기반의 쇼핑 플랫폼입니다. 웹 상점은 상품 목록 표시, 장바구니 관리, 결제 프로세스와 같은 여러 기능을 포함합니다. JSP를 사용하여 간단한 웹 상점과 장바구니 기능을 구현하는 방법을 아래 예제를 통해 설명하겠습니다.
예제 1: 상품 목록과 상세 페이지
이 예제에서는 사용자가 둘러볼 수 있는 상품 목록과 각 상품에 대한 상세 페이지를 구현합니다.
productList.jsp
<!DOCTYPE html>
<html>
<head>
<title>Product List</title>
</head>
<body>
<h2>Available Products</h2>
<%
// 상품 목록을 데이터베이스나 다른 저장소로부터 가져옵니다.
// 여기서는 상품 목록을 간단히 나열합니다.
String[] products = {"Product 1", "Product 2", "Product 3"};
for(String product : products) {
out.println("<p><a href='productDetail.jsp?name="+product+"'>" + product + "</a></p>");
}
%>
</body>
</html>
productDetail.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Product Detail</title>
</head>
<body>
<%
String productName = request.getParameter("name");
// 상품 상세 정보를 데이터베이스나 다른 저장소로부터 가져옵니다.
// 여기서는 단순화를 위해 직접 정보를 나열합니다.
out.println("<h2>" + productName + "</h2>");
out.println("<p>Description of " + productName + "</p>");
// 장바구니 추가 링크나 버튼을 포함할 수 있습니다.
%>
</body>
</html>
예제 2: 장바구니 기능
이 예제에서는 사용자가 선택한 상품을 장바구니에 추가하고, 장바구니를 조회할 수 있는 기능을 구현합니다.
addToCart.jsp
<%@ page import="java.util.*,java.io.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
// 사용자가 선택한 상품을 처리합니다.
String selectedProduct = request.getParameter("product");
List<String> cart = (List<String>) session.getAttribute("cart");
if (cart == null) {
cart = new ArrayList<String>();
session.setAttribute("cart", cart);
}
cart.add(selectedProduct);
// 상품을 장바구니에 추가한 후, 장바구니 페이지 또는 상품 목록 페이지로 리다이렉트합니다.
response.sendRedirect("cart.jsp");
%>
cart.jsp
<%@ page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Your Shopping Cart</title>
</head>
<body>
<h2>Your Cart</h2>
<%
List<String> cart = (List<String>) session.getAttribute("cart");
if (cart == null) {
out.println("<p>Your cart is empty!</p>");
} else {
for(String product : cart) {
out.println("<p>" + product + "</p>");
}
// 여기에 체크아웃 버튼이나 장바구니 비우기 기능을 추가할 수 있습니다.
}
%>
</body>
</html>
관련 전문용어 설명
- 웹 상점(Web Store): 사용자가 온라인으로 상품을 검색하고 구매할 수 있는 웹 사이트입니다.
- 상품 목록(Product List): 상점에서 판매하는 모든 상품의 목록입니다.
- 장바구니(Cart): 사용자가 구매하기 위해 선택한 상품의 목록입니다.
'jsp' 카테고리의 다른 글
| 파일 백업: 웹 페이지에서 데이터를 백업하고 복원하는 예제. (0) | 2023.12.25 |
|---|---|
| 온라인 결제 시스템: 웹 상에서 온라인 결제 시스템을 구현하는 예제. (0) | 2023.12.25 |
| 게시판 페이징: 게시판에서 데이터를 페이징 처리하는 방법을 배우는 예제. (0) | 2023.12.25 |
| 이미지 게시판: 이미지를 업로드하고 표시하는 간단한 이미지 게시판 예제. (0) | 2023.12.25 |
| 회원가입 및 로그인: 회원가입과 로그인 시스템을 구현하는 예제. (0) | 2023.12.25 |