스프링 책 관리 프로그램

데이터베이스 및 테이블 생성

• DBMS : mysql
• DB : jspdb
• Table : book

CREATE TABLE `book` (
 `book_id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
 `title` VARCHAR(200) NOT NULL,
 `category` VARCHAR(200) NOT NULL DEFAULT '',
 `price` INT NULL,
 `insert_date` DATETIME NOT NULL DEFAULT NOW(),
 PRIMARY KEY (`book_id`)
)
COLLATE='utf8mb4_general_ci'
;

데이터베이스 처리 라이브러리 설치

• 메이븐 사용 : pom.xml에 필요 dependency 설치
• mabatis, jdbc, mysql drier 등

pom.xml

​x
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.5.9</version>
</dependency>

<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>2.0.7</version>
</dependency>

<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>${org.springframework-version}</version>
</dependency>

<dependency>
    <groupId>org.apache.commons</groupId>
    <artifactId>commons-dbcp2</artifactId>
    <version>2.9.0</version>
</dependency>

<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>8.0.28</version>
</dependency>

데이터 소스 설정하기

src/main/webapp/WEB-INF/spring/root-context.xml

• 매퍼 바로 등록 시:
• Config 로 등록 시 :
• classpath 위치 : src/main/resources

xxxxxxxxxx
<!-- for mysql -->
 <bean id="dataSource"
  class="org.apache.commons.dbcp2.BasicDataSource"
  destroy-method="close">
  <property name="driverClassName"
   value="com.mysql.cj.jdbc.Driver" />
  <property name="url"
   value="jdbc:mysql://localhost:3306/jspdb?serverTimezone=UTC&amp;useSSL=false&amp;useUnicode=true&amp;characterEncoding=UTF-8" />
  <property name="username" value="root" />
  <property name="password" value="rootpass" />
 </bean>

<!-- for mybatis -->
 <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
  <property name="dataSource" ref="dataSource" />
  <!-- property name="mapperLocations" value="classpath:/sqlmap/**/*_SQL.xml" / -->
  <property name="configLocation" value="classpath:/sqlmap/mybatis-config.xml" />
 </bean>
 <bean id="sqlSessionTemplate" class="org.mybatis.spring.SqlSessionTemplate">
  <constructor-arg index="0" ref="sqlSessionFactory" />
 </bean>  

mybatis-config.xml

xxxxxxxxxx
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>  
    
    <mappers>
        <mapper resource="mapper/book-mapper.xml"/>
    </mappers>
</configuration>

book-mapper.xml

xxxxxxxxxx
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE  mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="book">

</mapper>

DAO 클래스 생성

• 스프링에의해 클래스 생성을 위해 @Repository 어노테이션 적용
• 마이바티스 작업 진행
• SqlSessionTemplate @Autowired 적용
• SqlSessionTemplate 는 root-context.xml 에 빈으로 설정되어 있음

xxxxxxxxxx
@Repository
public class BookDao {
    
    @Autowired
    SqlSessionTemplate slqSessionTemplate;
    
    public BookDao() {
        System.out.println("@Repository 스프링 자동생성");
    }   
}

서비스 클래스 생성

• 스프링에의해 클래스 생성을 위해 @Service 어노테이션 적용
• 서비스 클래스는 비즈니스 클래스가 위치하는 곳
• 스프링MVC 구조에서 서비스 클래스는 컨트롤러와 DAO를 연결하는 역할

BookService 인터페이스 생성

BookService.java

xxxxxxxxxx
package com.sample.book.service;

public interface BookService {

}

BookService 인터페이스 구현 생성

• 스프링에의해 클래스 생성을 위해 @Service 어노테이션 적용
• BookDao @Autowired 적용

BookServiceImpl.java

xxxxxxxxxx
package com.sample.book.service;

import org.springframework.beans.factory.annotation.Autowired;

import com.sample.book.dao.BookDao;

@Service // 없으면 @Autowired시 오류남
public class BookServiceImpl implements BookService{
    
    @Autowired
    BookDao bookDao;
    
    public BookServiceImpl() {
        System.out.println("@Service 스프링 자동 생성");
    }
}

컨트롤러 클래스 생성

• 스프링에의해 클래스 생성을 위해 @Controller 어노테이션 적용
• 클라이언트(client)의 요청(request)을 받아서 응답(response)을 만들어내는 클래스
• BookService @Autowired

xxxxxxxxxx
package com.sample.book.controller;

import org.springframework.stereotype.Controller;

@Controller
public class BookController {   

    @Autowired
    BookService bookService;
    
    public BookController() {
        System.out.println("@Controller 스프링 자동 생성");
    }
}

여기까지 설정 후 서버를 재시작해서 이상 유무 파악 및 스프링에의해 컨트롤러,서비스, DAO 클래스 생성 되는 지 확인한다.

책 입력 만들기

book/create.jsp 작성

• src => webapp => WEB-INF => views 우클릭 후 new => folder => book 생성
• src => webapp => WEB-INF => views 우클릭 후 new => folder => book => create.jsp 생성
• 페이지 작성 후 확인 : http://localhost:8000/book/create

xxxxxxxxxx
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<html>
 <head>
  <title>책 생성하기</title>
 </head>
 <body>
  <h1>책 생성하기</h1>
  <form method="POST">
   <p>제목 : <input type="text" name="title" /></p>
   <p>카테고리 : <input type="text" name="category" /></p>
   <p>가격 : <input type="text" name="price" /></p>
   <p><input type="submit" value="저장" />
  </form>
 </body>
</html>

컨트롤러에 입력화면 요청 메서드 추가

• 브라우저 주소가 [/create]일 때 실행되는 자바 컨트롤러 메소드를 작성
• @RequestMapping : 요청 경로와 요청 메서드 작성
• ModelAndView : Model에 응답 data 저장, View에 응답 경로 저장
• [/create] 주소가 GET방식으로 입력되었을 때 book/create 경로의 뷰를 보여 줌

xxxxxxxxxx

@RequestMapping(value="/create", method = RequestMethod.GET)
public ModelAndView create() {
    return new ModelAndView("book/create"); // jsp 저장 위치와 파일명
}

책 입력 쿼리 작성

book-mapper.xml

xxxxxxxxxx
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE  mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="book">
    <insert id="insert" parameterType="hashMap" useGeneratedKeys="true" keyProperty="book_id">  
    <![CDATA[
    insert into book
    (title, category, price) 
    values
    (#{title}, #{category}, #{price})
    ]]>
</insert>
</mapper>

책입력 DAO 작성

BookDao.java

xxxxxxxxxx
public int insert(Map<String, Object> map) {        
        return slqSessionTemplate.insert("book.insert",map);        
}

책 입력 기능 서비스 클래스 메소드 생성

BookServiceImpl.java

xxxxxxxxxx
@Override
public int create(Map<String, Object> map) {
    return dao.insert(map);
}

컨트롤러 책 정보입력 메서드 생성

• @Autowired : BookService bookService 주입(스프링 자동생성)
• 자동생성 안되면 스피링 설정 파일의 <context:component-scan> 확인
• setViewName() : view 페이지 정보 입력
• ModelAndView : view 페이지에 전달할 데이터와 뷰페이지 정보 처리해주는 객체
• redirect: : response 객체의 sendRedirect() 와 동일

xxxxxxxxxx
@RequestMapping(value = "/create", method = RequestMethod.POST)
public ModelAndView createPost(@RequestParam Map<String, String> map) {
    // 값 받기 : @RequestParam 스프링이 자동으로 넣어줌
    System.out.println(map);
    // service
    int rs = bookService.create(map);

    ModelAndView mav = new ModelAndView();
    if(rs == 1) {
    mav.setViewName("redirect:/list");          
    }else {
    mav.setViewName("redirect:/create");
    }       
    return mav;
}

테스트

• http://localhost:8080/book/create
• 책 입력후 이동할 페이지가 없어 404 오류남

책 목록 만들기

• /list 주소에 접속
• 책 목록은 최신순

책 목록 뷰 작성

list.jsp

xxxxxxxxxx
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
// el,jstl 사용시 불필요
//List<Map<String, Object>> data = (List<Map<String, Object>>)request.getAttribute("data");
%>    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>list.jsp</title>
</head>
<body>
<h1>책 목록</h1>
<table border="1">
<tr><th>Title</th><th>Category</th><th>Price</th></tr>
<c:forEach var="b" items="${data}">
<tr><td><a href="detail?bookId=${b.book_id}">${b.title}</a></td>
<td>${b.category}</td>
<td>${b.price }</td></tr>
</c:forEach>
</table>

</body>
</html>

책 목록 쿼리 작성

book_mapper.xml

xxxxxxxxxx
<select id="select_list" parameterType="hashMap" resultType="hashMap">  
    <![CDATA[  
        select  
        book_id,  
        title,  
        category,  
        price,  
        insert_date  
        from  
        book  
        order by insert_date desc  
    ]]>  
</select>  

책 목록 DAO 메소드 작성

• 결과 Map<String, Object>의 목록 List 타입

BookDao.java

xxxxxxxxxx
public List<Map<String, Object>> selectList(Map<String, Object> map) {  
    return this.sqlSessionTemplate.selectList("book.select_list", map);  
} 

책 목록 서비스 클래스 메소드 생성

BookService.java

xxxxxxxxxx
List<Map<String, Object>> list(Map<String, Object> map);

BookServiceImpl.java

xxxxxxxxxx
@Override  
    public List<Map<String, Object>> list(Map<String, Object> map){  
        return this.bookDao.selectList(map);  
    }

책 목록 컨트롤러 메소드 추가

BookController.java

xxxxxxxxxx
    @RequestMapping(value = "list")  
    public ModelAndView list(@RequestParam Map<String, Object> map) {  

        List<Map<String, Object>> list = this.bookService.list(map);  

        ModelAndView mav = new ModelAndView();  
        mav.addObject("data", list);  
        mav.setViewName("/book/list");  
        return mav;  
    }

책 목록 뷰 작성

/webapp/WEB-INF/views/book/list.jsp

xxxxxxxxxx
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>  
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
<html>  
<head>  
<title>책 목록</title>  
</head>  
<body>  
<h1>책 목록</h1>  
<table>  
<thead>  
<tr>  
<td>제목</td>  
<td>카테고리</td>  
<td>가격</td>  
</tr>  
</thead>  
<tbody>  
<c:forEach var="row" items="${data}">  
<tr>  
<td>  
<a href="/detail?bookId=${row.book_id}">  
${row.title}  
</a>  
</td>  
<td>${row.category}</td>  
<td><fmt:formatNumber type="number" maxFractionDigits="3" value="${row.price}" /></td>  
</tr>  
</c:forEach>  
</tbody>  
</table>  
<p>  
<a href="create">생성</a>  
</p>  
</body>  
</html>  

테스트

http://localhost:8080/book/list

책 상세 만들기

책 상세 쿼리 작성

• SELECT book_id, title, category, price, insert_date from book where book_id = 1

book_mapper.xml

xxxxxxxxxx
<select id="select_detail" parameterType="hashMap" resultType="hashMap">
    <![CDATA[
        select
        title,
        category,
        price,
 insert_date
        from
        book
        where
        book_id = #{bookId}   
    ]]>
</select>

책 상세 DAO 메소드 작성

BookDao.java

xxxxxxxxxx

public Map<String, Object> selectDetail(Map<String, Object> map) {
    return this.sqlSessionTemplate.selectOne("book.select_detail", map);
}

책 상세 서비스 클래스 메소드 생성

• BookService.java 에도 추가

BookServiceImpl.java

xxxxxxxxxx
@Override
public Map<String, Object> detail(Map<String, Object> map){
    return this.bookDao.selectDetail(map);
}

쿼리 스트링

• 책 상세 화면의 URI는 /detail?bookId=1 형식
• 컨트롤러에서 @RequestParam으로 읽음

책 상세 컨트롤러 메소드 추가

• @RequestParam Map<String, Object> map : map에 bookId 키값으로 자동으 입력 됨

BookController.java

xxxxxxxxxx
@RequestMapping(value = "/detail", method = RequestMethod.GET)
public ModelAndView detail(@RequestParam Map<String, Object> map) {
    Map<String, Object> detailMap = this.bookService.detail(map);

    ModelAndView mav = new ModelAndView();
    mav.addObject("data", detailMap);
    String bookId = map.get("bookId").toString();
    mav.addObject("bookId", bookId);
    mav.setViewName("/book/detail");
    return mav;
}

책 상세 뷰 작성

• JSTL 사용 : <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
• <fmt:formatDate value="${data.insert_date}" pattern="yyyy.MM.dd HH:mm:ss" />
• java 8이상에서 오류남

/webapp/WEB-INF/views/book/detail.jsp

xxxxxxxxxx
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
 <head>
  <title>책 상세</title>
 </head>
 <body>
  <h1>책 상세</h1>
  <p>제목 : ${ data.title } </p>
  <p>카테고리 : ${ data.category }</p>
  <p>가격 : <fmt:formatNumber type="number" maxFractionDigits="3" value="${data.price}" /></p> 
  <p>입력일 : <fmt:formatDate value="${data.insert_date}" pattern="yyyy.MM.dd HH:mm:ss" /></p>

  <p>
   <a href="/update?bookId=${bookId}">수정</a>
  </p>
  <form method="POST" action="/delete">
   <input type="hidden" name="bookId" value="${bookId}" />
   <input type="submit" value="삭제" />
  </form>
  <p>
   <a href="/list">목록으로</a>
  </p>
 </body>
</html>

/webapp/WEB-INF/tags/foramtDateTime.tag

xxxxxxxxxx
<%@ tag body-content="empty" pageEncoding="utf-8" %>

<%@ tag import="java.time.format.DateTimeFormatter" %>

<%@ tag trimDirectiveWhitespaces="true" %>

<%@ attribute name="value" required="true" 

              type="java.time.temporal.TemporalAccessor" %>

<%@ attribute name="pattern" type="java.lang.String" %>

<%

    if (pattern == null) pattern = "yyyy-MM-dd HH:mm:ss";

%>

<%= DateTimeFormatter.ofPattern(pattern).format(value) %>

/webapp/WEB-INF/views/book/detail.jsp

xxxxxxxxxx
<%@ taglib prefix="tf" tagdir="/WEB-INF/tags" %>

<p>입력일 : <tf:formatDateTime value="${data.insert_date}"  pattern="yyyy-MM-dd HH:mm:ss" /></p>

테스트

• http://localhost:8080/book/detail?bookId=1

책 수정 화면 만들기

• 요청 주소 : /update?bookId=1
• 책 입력 화면 + 책 상세 화면

책 수정 화면 컨트롤러 메소드 추가

BookController.java

xxxxxxxxxx
@RequestMapping(value = "/update", method = RequestMethod.GET)  
public ModelAndView update(@RequestParam Map<String, Object> map) {  
    Map<String, Object> detailMap = this.bookService.detail(map);  

    ModelAndView mav = new ModelAndView();  
    mav.addObject("data", detailMap);  
    mav.setViewName("/book/update");  
    return mav;  
}  

책 수정 화면 뷰 작성

/webapp/WEB-INF/views/book/update.jsp

xxxxxxxxxx
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>  
<html>  
<head>  
<title>책 수정</title>  
</head>  
<body>  
<h1>책 수정</h1>  
<form action="update" method="POST">
수정할 ID:<input type="text" name="bookId" value="${ data.book_id }" readonly>  
<p>제목 : <input type="text" name="title" value="${ data.title }" /></p>  
<p>카테고리 : <input type="text" name="category"  value="${ data.category }" /></p>  
<p>가격 : <input type="text" name="price"  value="${ data.price }" /></p>  
<p><input type="submit" value="저장" />  
</form>  
</body>  
</html>  

테스트

• http://localhost:8080/book/update?bookId=1

책 수정 기능 만들기

• /update?bookId=1 에서 저장 버튼을 클릭할 경우 기존 책의 정보를 Update

책 수정 기능 쿼리 작성

• <update : 수정(UPDATE) 쿼리를 실행하기 위한 마이바티스 태그

book_mapper.xml

xxxxxxxxxx
<update id="update" parameterType="hashMap">  
    <![CDATA[  
        update book set  
        title = #{title},  
        category = #{category},  
        price = #{price}  
        where  
        book_id = #{bookId}  
    ]]>  
</update>  

책 수정 기능 DAO 메소드 작성

BookDao.java

xxxxxxxxxx
public int update(Map<String, Object> map) {  
    return this.sqlSessionTemplate.update("book.update", map);  
}  

책 수정 기능 서비스 클래스 메소드 생성

• BookService.java 에도 메서드 추가 필요

BookServiceImpl.java

xxxxxxxxxx
@Override  
public boolean edit(Map<String, Object> map) {  
    int affectRowCount = this.bookDao.update(map);  
    return affectRowCount == 1;  

} 

책 수정 기능 컨트롤러 메소드 추가

• @RequestParam Map<String, Object> map : 수정할 값이 자동으로 입력 됨

BookController.java

xxxxxxxxxx
@RequestMapping(value = "update", method = RequestMethod.POST)  
    public ModelAndView updatePost(@RequestParam Map<String, Object> map) {  
        ModelAndView mav = new ModelAndView();  

        boolean isUpdateSuccess = this.bookService.update(map);  
        if (isUpdateSuccess) {  
            String bookId = map.get("bookId").toString();  
            mav.setViewName("redirect:/detail?bookId=" + bookId);  
        }else {  
            mav = this.update(map);  
        }  

        return mav;  
    } 

테스트

• http://localhost:8080/book/update?bookId=1

책 삭제 기능 만들기

• /delete 주소에 http POST 메소드로 bookId 파라미터를 전달하면 책 정보가 삭제

책 삭제 기능 쿼리 작성

• <delete 태그는 삭제(DELETE) 쿼리를 실행하기 위한 마이바티스 태그

book_mapper.xml

xxxxxxxxxx
<delete id="delete" parameterType="hashMap">  
    <![CDATA[  
    delete from book  
    where  
    book_id = #{bookId}  
    ]]>  
</delete> 

책 삭제 기능 DAO 메소드 작성

BookDao.java

xxxxxxxxxx
public int delete(Map<String, Object> map) {  
    return this.sqlSessionTemplate.delete("book.delete", map);  
} 

책 삭제 기능 서비스 클래스 메소드 생성

BookService.java

xxxxxxxxxx
boolean delete(Map<String, Object> map);

BookServiceImpl

xxxxxxxxxx
@Override  
public boolean remove(Map<String, Object> map) {  
    int affectRowCount = this.bookDao.delete(map);  
    return affectRowCount == 1;  
} 

책 삭제 기능 컨트롤러 메소드 추가

• 삭제가 성공했으면 목록으로 리다이렉트
• 삭제가 실패했으면 다시 상세 페이지로 이동

BookController.java

xxxxxxxxxx
@RequestMapping(value = "/delete", method = RequestMethod.POST)  
    public ModelAndView deletePost(@RequestParam Map<String, Object> map) {  
        ModelAndView mav = new ModelAndView();  

        boolean isDeleteSuccess = this.bookService.delete(map);  
        if (isDeleteSuccess) {  
            mav.setViewName("redirect:/list");  
        }else {  
            String bookId = map.get("bookId").toString();  
            mav.setViewName("redirect:/detail?bookId=" + bookId);  
        }  

        return mav;  
    }  

책 검색 기능 추가하기

• /list?keyword=검색어

책 검색 쿼리 작성

• <if 문은 마이바티스에서 조건
• 기존 <select id="select_list" 수정

book_mapper.xml

xxxxxxxxxx
<select id="select_list" parameterType="hashMap" resultType="hashMap">  
    <![CDATA[  
        select  
        book_id,  
        title,  
        category,  
        price,  
        insert_date  
        from  
        book  
        where 1 = 1  
    ]]>  
    <if test="keyword != null and keyword != ''">  
        and (title like CONCAT('%',#{keyword},'%') or category like CONCAT('%',#{keyword},'%'))  
    </if>  
        order by insert_date desc  
</select>

책 검색 컨트롤러 메소드 추가

• list() 메서드에 검색어 추가 해서 보내기

BookController.java

xxxxxxxxxx
// 검색어 추가
if (map.containsKey("keyword")) {  
mav.addObject("keyword", map.get("keyword"));  
} 

책 검색 뷰 수정

list.jsp

xxxxxxxxxx
<p>  
<form>  
<input type="text" placeholder="검색" name="keyword" value="${keyword}" />  
<input type="submit" value="검색" />  
</form>  
</p>  

테스트

• http://localhost:8001/book/list?keyword=java