K 개발자

JSP BookMarket 만들기 - 5 본문

Web/JSP

JSP BookMarket 만들기 - 5

ddingz 2021. 8. 6. 18:08

이전 글
JSP BookMarket 만들기 - 1
JSP BookMarket 만들기 - 2
JSP BookMarket 만들기 - 3
JSP BookMarket 만들기 - 4

실행 환경
자바 개발 환경 : jdk-15.0.2
웹 서버 환경 : Apache Tomcat v9.0
통합 개발 환경 : Eclipse IDE for Enterprise Java Developers

도서 등록 페이지 만들기

WebContent 폴더에 도서 정보 등록 페이지 addBook.jsp 파일을 생성한다.

입력 항목을 작성한다.
신규 도서의 등록을 처리하는 processAddBook.jsp 파일을 생성한다.

<%-- addBook.jsp --%>
<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<link rel="Stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<title>도서 등록</title>
</head>
<body>
	<jsp:include page="menu.jsp" />
	<div class="jumbotron">
		<div class="container">
			<h1 class="display-4">도서 등록</h1>
		</div>
	</div>
	<div class="container">
		<form name="newBook" action="./processAddBook.jsp"
			class="form-horizontal" method="post">
			<div class="form-group row">
				<label class="col-sm-2">도서코드</label>
				<div class="col-sm-3">
					<input type="text" id="bookId" name="bookId" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">도서명</label>
				<div class="col-sm-3">
					<input type="text" id="name" name="name" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">가격</label>
				<div class="col-sm-3">
					<input type="text" id="unitPrice" name="unitPrice"
						class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">저자</label>
				<div class="col-sm-3">
					<input type="text" name="author" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">출판사</label>
				<div class="col-sm-3">
					<input type="text" name="publisher" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">출판일</label>
				<div class="col-sm-3">
					<input type="text" name="releaseDate" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">총페이지 수</label>
				<div class="col-sm-3">
					<input type="text" name="totalPages" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">상세정보</label>
				<div class="col-sm-5">
					<textarea name="description" cols="50" rows="2"
						class="form-control" placeholder="100자 이상 적어주세요"></textarea>
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">분류</label>
				<div class="col-sm-3">
					<input type="text" name="category" class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">재고수</label>
				<div class="col-sm-3">
					<input type="text" id="unitsInStock" name="unitsInStock"
						class="form-control">
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2">상태</label>
				<div class="col-sm-5">
					<input type="radio" name="condition" value="New">신규도서
					<input type="radio" name="condition" value="Old">중고도서
					<input type="radio" name="condition" value="EBook">E-Book
				</div>
			</div>
			<div class="form-group row">
				<div class="col-sm-offset-2 col-sm-10 ">
					<input type="submit" class="btn btn-primary" value="등록">
				</div>
			</div>
		</form>
	</div>
</body>
</html>

<%-- processAddBook.jsp --%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="dto.Book"%>
<%@ page import="dao.BookRepository"%>

<%
	request.setCharacterEncoding("UTF-8");

	String bookId = request.getParameter("bookId");
	String name = request.getParameter("name");
	String unitPrice = request.getParameter("unitPrice");
	String author = request.getParameter("author");
	String publisher = request.getParameter("publisher");
	String releaseDate = request.getParameter("releaseDate");
	String totalPages = request.getParameter("totalPages");
	String description = request.getParameter("description");	
	String category = request.getParameter("category");
	String unitsInStock = request.getParameter("unitsInStock");
	String condition = request.getParameter("condition");
	
	Integer price;

	if (unitPrice.isEmpty())
		price = 0;
	else
		price = Integer.valueOf(unitPrice);

	long stock;

	if (unitsInStock.isEmpty())
		stock = 0;
	else
		stock = Long.valueOf(unitsInStock);
	
	BookRepository dao = BookRepository.getInstance();

	Book newBook = new Book();
	newBook.setBookId(bookId);
	newBook.setName(name);
	newBook.setUnitPrice(price);
	newBook.setAuthor(author);
	newBook.setPublisher(publisher);
	newBook.setPublisher(releaseDate);
	newBook.setPublisher(totalPages);
	newBook.setDescription(description);
	newBook.setCategory(category);
	newBook.setUnitsInStock(stock);
	newBook.setCondition(condition);

	dao.addBook(newBook);

	response.sendRedirect("books.jsp");
%>

src 폴더의 BookRepository 클래스에 신규 도서를 저장하는 addBook() 메소드를 작성한다.

// BookRepository.java

package dao;

import java.util.ArrayList;

import dto.Book;

public class BookRepository {

	private ArrayList<Book> listOfBooks = new ArrayList<Book>();
	private static BookRepository instance = new BookRepository();

	public static BookRepository getInstance() {
		return instance;
	}

	public BookRepository() {
		Book html = new Book("ISBN1234", "HTML5+CSS3", 15000);
		html.setAuthor("황재호");
		html.setCategory("Hello Coding");
		html.setCondition("New");
		html.setDescription(
				"워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다.");
		html.setPublisher("한빛미디어");
		html.setReleaseDate("2018/03/02");
		html.setTotalPages(288);
		html.setUnitsInStock(1000);

		Book java = new Book("ISBN1235", "쉽게 배우는 자바 프로그래밍", 27000);
		java.setAuthor("우종정");
		java.setCategory("IT모바일");
		java.setCondition("New");
		java.setDescription(
				"객체 지향의 핵심과 자바의 현대적 기능을 충실히 다루면서도초보자가 쉽게 학습할 수 있게 구성했습니다. 시각화 도구를 활용한 개념 설명과 군더더기 없는 핵심 코드를 통해 개념과 구현을 한 흐름으로 학습할 수 있습니다. 또한 ‘기초 체력을 다지는 예제 → 셀프 테스트 → 생각을 논리적으로 정리하며 한 단계씩 풀어 가는 도전 과제 → 스토리가 가미된 흥미로운 프로그래밍 문제’ 등을 통해 프로그래밍 실력을 차근차근 끌어올릴 수 있습니다.");
		java.setPublisher("한빛아카데미");
		java.setReleaseDate("2017/08/02");
		java.setTotalPages(692);
		java.setUnitsInStock(1000);

		Book spring = new Book("ISBN1236", "스프링4 입문", 27000);
		spring.setAuthor("하세가와 유이치, 오오노 와타루, 토키 코헤이(권은철, 전민수)");
		spring.setCategory("IT모바일");
		spring.setCondition("New");
		spring.setDescription(
				"스프링은 단순히 사용 방법만 익히는 것보다 아키텍처를 어떻게 이해하고 설계하는지가 더 중요합니다. 예제를 복사해 붙여넣는 식으로는 실제 개발에서 스프링을 제대로 활용할 수 없습니다. 이 책에서는 웹 애플리케이션의 기초를 다지고 스프링 코어를 살펴보며 클라우드 네이티브 입문까지 다룹니다. 이제 막 실무에 뛰어든 웹 애플리케이션 초급자나 개발 경험은 있지만 스프링은 사용해본 적 없는 분을 대상으로 가능한 한 쉽게 설명합니다.");
		spring.setPublisher("한빛미디어");
		spring.setReleaseDate("2017/11/01");
		spring.setTotalPages(520);
		spring.setUnitsInStock(1000);

		listOfBooks.add(html);
		listOfBooks.add(java);
		listOfBooks.add(spring);
	}

	public ArrayList<Book> getAllBooks() {
		return listOfBooks;
	}

	public Book getBookById(String bookId) {
		Book bookById = null;

		for (int i = 0; i < listOfBooks.size(); i++) {
			Book book = listOfBooks.get(i);
			if (book != null && book.getBookId() != null && book.getBookId().equals(bookId)) {
				bookById = book;
				break;
			}
		}
		return bookById;
	}

	public void addBook(Book book) {
		listOfBooks.add(book);
	}
}

자바빈즈를 대신하여 새로 등록된 도서 목록을 가져오도록 WebContent 폴더의 도서 목록 페이지 books.jsp 파일을 수정한다.

<%-- books.jsp --%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="java.util.ArrayList"%>
<%@ page import="dto.Book"%>
<%@ page import="dao.BookRepository"%>
<html>
<head>
<link rel="Stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<title>도서 목록</title>
</head>
<body>
	<jsp:include page="menu.jsp" />
	<div class="jumbotron">
		<div class="container">
			<h1 class="display-3">도서 목록</h1>
		</div>
	</div>
	<%
		BookRepository dao = BookRepository.getInstance();
		ArrayList<Book> listOfBooks = dao.getAllBooks();
	%>
	<div class="container">
		<%
			for (int i = 0; i < listOfBooks.size(); i++) {
				Book book = listOfBooks.get(i);
		%>
		<div class="row">
			<div class="col-md-10">
				<p><h5><b>[<%=book.getCategory()%>] <%=book.getName()%></b></h5>
				<p style="padding-top: 20px"><%=book.getDescription().substring(0, 100)%>...
				<p><%=book.getAuthor()%> | <%=book.getPublisher()%> | <%=book.getUnitPrice()%>원
			</div>
			<div class="col-md-2" style="padding-top: 70px">
				<a href="./book.jsp?id=<%=book.getBookId()%>"
					class="btn btn-secondary" role="button">상세정보 &raquo;</a>
			</div>
		</div>
		<hr>
		<%
			}
		%>
	</div>
	<jsp:include page="footer.jsp" />
</body>
</html>

자바빈즈를 대신하여 새로 등록된 도서 상세 정보를 가져오도록 WebContent 폴더의 도서 상세 정보 페이지 book.jsp 파일을 수정한다.

<%-- book.jsp --%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="dto.Book"%>
<%@ page import="dao.BookRepository"%>
<html>
<head>
<link rel="Stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<title>도서 상세 정보</title>
</head>
<body>
	<jsp:include page="menu.jsp" />
	<div class="jumbotron">
		<div class="container">
			<h1 class="display-4">도서 정보</h1>
		</div>
	</div>
	<%
		String id = request.getParameter("id");
		BookRepository dao = BookRepository.getInstance();
		Book book = dao.getBookById(id);
	%>
	<div class="container">
		<h4><b>[<%=book.getCategory()%>]<%=book.getName()%></b></h4>
		<p><%=book.getDescription()%>
		<p><b>도서코드 : </b><span class="badge badge-danger"> <%=book.getBookId()%></span>
		<p><b>저자</b> : <%=book.getAuthor()%>
		<p><b>출판사</b> : <%=book.getPublisher()%>
		<p><b>출판일</b> : <%=book.getReleaseDate()%>
		<p><b>총 페이지수</b> : <%=book.getTotalPages()%>
		<p><b>재고수</b> : <%=book.getUnitsInStock()%>
		<h4><%=book.getUnitPrice()%>원</h4>
		<p><a href="#" class="btn btn-info">도서주문 &raquo;</a> 
		<a href="./books.jsp" class="btn btn-secondary">도서목록 &raquo;</a>
		<hr>
	</div>
	<jsp:include page="footer.jsp" />
</body>
</html>

웹 브라우저에 'http://localhost:8080/BookMarket/addBook.jsp'를 입력하고 도서 정보를 등록한다.

다음 글
JSP BookMarket 만들기 - 6
JSP BookMarket 만들기 - 7
JSP BookMarket 만들기 - 8
JSP BookMarket 만들기 - 9
JSP BookMarket 만들기 - 10
JSP BookMarket 만들기 - 11
JSP BookMarket 만들기 - 12
JSP BookMarket 만들기 - 13
JSP BookMarket 만들기 - 마지막

'Web > JSP' 카테고리의 다른 글

JSP BookMarket 만들기 - 7 (0)	2021.08.06
JSP BookMarket 만들기 - 6 (0)	2021.08.06
JSP BookMarket 만들기 - 4 (0)	2021.08.06
JSP BookMarket 만들기 - 3 (1)	2021.08.06
JSP BookMarket 만들기 - 2 (0)	2021.08.06

'Web/JSP' Related Articles

Comments

K 개발자

JSP BookMarket 만들기 - 5 본문

JSP BookMarket 만들기 - 5

도서 등록 페이지 만들기

'Web > JSP' 카테고리의 다른 글

티스토리툴바