STS3 쇼핑몰 프로젝트[17] 상품 등록 - 등록 기본 구현
순서
1. SwanVO 생성
2. Mapper 작업
3. Service 작업
4. Controller
5. View 작업
6. 테스트
1. SwanVO 생성
'상품 테이블(PRODUCT)' 테이블의 데이터들을 한 번에 전달받거나 전달하기 위해 사용될 클래스를 만듭니다.
com.swan.model에 "SwanVO.java" 클래스를 생성합니다.
PRODUCT 테이블의 칼럼들을 변수로 선언해줍니다.
/* 상품 id */
private int product_id;
/* 상품 명 */
private String product_title;
/* 상품 설명 */
private String product_content;
/* 상품 가격 */
private int product_price;
/* 상품 수량 */
private int product_stock;
/* 상품 조회수 */
private int product_count;
/* 대카테고리 */
private String kind_id;
private String kind_name;
/* 상품 생성 날짜 */
private Date product_create_date;
/* 상품 수정 날짜 */
private Date product_modify_date;
/* 상품 상태 */
private String product_status;
/* 상품 평점 */
private double ratingavg;
작성한 변수들의 기본 생성자와 getter/setter/toString 메서드를 생성해줍니다.
package com.swan.model;
import java.sql.Date;
import java.util.List;
public class SwanVO {
/* 상품 id */
private int product_id;
/* 상품 명 */
private String product_title;
/* 상품 설명 */
private String product_content;
/* 상품 가격 */
private int product_price;
/* 상품 수량 */
private int product_stock;
/* 상품 조회수 */
private int product_count;
/* 대카테고리 */
private String kind_id;
private String kind_name;
/* 상품 생성 날짜 */
private Date product_create_date;
/* 상품 수정 날짜 */
private Date product_modify_date;
/* 상품 상태 */
private String product_status;
/* 상품 평점 */
private double ratingavg;
public SwanVO() {}
public SwanVO(int product_id, String product_title, String product_content, int product_price, int product_stock,
int product_count, String kind_id, String kind_name, Date product_create_date, Date product_modify_date,
String product_status, double ratingavg) {
super();
this.product_id = product_id;
this.product_title = product_title;
this.product_content = product_content;
this.product_price = product_price;
this.product_stock = product_stock;
this.product_count = product_count;
this.kind_id = kind_id;
this.kind_name = kind_name;
this.product_create_date = product_create_date;
this.product_modify_date = product_modify_date;
this.product_status = product_status;
this.ratingavg = ratingavg;
}
public int getProduct_id() {
return product_id;
}
public void setProduct_id(int product_id) {
this.product_id = product_id;
}
public String getProduct_title() {
return product_title;
}
public void setProduct_title(String product_title) {
this.product_title = product_title;
}
public String getProduct_content() {
return product_content;
}
public void setProduct_content(String product_content) {
this.product_content = product_content;
}
public int getProduct_price() {
return product_price;
}
public void setProduct_price(int product_price) {
this.product_price = product_price;
}
public int getProduct_stock() {
return product_stock;
}
public void setProduct_stock(int product_stock) {
this.product_stock = product_stock;
}
public int getProduct_count() {
return product_count;
}
public void setProduct_count(int product_count) {
this.product_count = product_count;
}
public String getKind_id() {
return kind_id;
}
public void setKind_id(String kind_id) {
this.kind_id = kind_id;
}
public String getKind_name() {
return kind_name;
}
public void setKind_name(String kind_name) {
this.kind_name = kind_name;
}
public Date getProduct_create_date() {
return product_create_date;
}
public void setProduct_create_date(Date product_create_date) {
this.product_create_date = product_create_date;
}
public Date getProduct_modify_date() {
return product_modify_date;
}
public void setProduct_modify_date(Date product_modify_date) {
this.product_modify_date = product_modify_date;
}
public String getProduct_status() {
return product_status;
}
public void setProduct_status(String product_status) {
this.product_status = product_status;
}
public double getRatingavg() {
return ratingavg;
}
public void setRatingavg(double ratingavg) {
this.ratingavg = ratingavg;
}
@Override
public String toString() {
return "SwanVO [product_id=" + product_id + ", product_title=" + product_title + ", product_content="
+ product_content + ", product_price=" + product_price + ", product_stock=" + product_stock
+ ", product_count=" + product_count + ", kind_id=" + kind_id + ", kind_name=" + kind_name
+ ", product_create_date=" + product_create_date + ", product_modify_date=" + product_modify_date
+ ", product_status=" + product_status + ratingavg=" + ratingavg + "]";
}
}
2. Mapper 작업
AdminMapper.java
상품 등록 쿼리를 실행할 Mapper 메서드를 작성해야 합니다.
먼저 com.swan.mapper 패키지에 "AdminMapper.java" 인터페이스를 생성한 뒤 아래의 메서드를 작성합니다. (사용자가 입력한 데이터를 전달받아야 하기 때문에 SwanVO를 파라미터로 부여하였습니다.)
/* 상품 등록 */
public void swanEnroll(SwanVO swan);
AdminMapper.xml
Config 파일 등록
Window → Preferences → type filter text에 xml 검색 → XML Catalog → User Specified Entries → Add 클릭
Location: http://mybatis.org/dtd/mybatis-3-config.dtd
Key: -//mybatis.org//DTD Config 3.0//EN
OK 클릭
Mapper 등록
Window → Preferences → type filter text에 xml 검색 → XML Catalog → User Specified Entries → Add 클릭
Location: http://mybatis.org/dtd/mybatis-3-mapper.dtd
Key: -//mybatis.org//DTD Mapper 3.0//EN
OK 클릭
위의 세팅이 완료되었다면 mapper.xml파일이 모여있는 경로에 AdminMapper.xml 파일을 생성합니다.
File name에 AdminMapper 넣고 Next > 클릭합니다.
Create XML file from DTD file을 선택하고 Next >를 클릭합니다.
Select XML Catalog entry를 선택하면 아래에 등록했던 DTD Mapper가 보입니다. DTD Mapper를 선택하고 Next >를 클릭합니다.
Finish를 클릭합니다.
이런식으로 Mapper를 등록하면 mybatis를 사용할 수 있도록 해주는 기본적인 태그 코드들을 일일이 적지 않아도 됩니다.
AdminMapper.xml을 생성 후 mapper namespace에 아래 코드를 추가합니다.
namespace="com.swan.mapper.AdminMapper"
AdminMapper.java에서 선언한 메서드가 실행해야할 쿼리 코드를 작성합니다.
<!-- 상품 등록 -->
<insert id="swanEnroll">
<!-- order 속성값 AFTER로 인해서 본 쿼리문(INSERT)이 실행이 된 뒤에 <selectkey> 태그 내의 쿼리문이 실행이 되며,
product테이블의 'product_id'값 중 가장 큰 값을 SwanVO에 있는 product_id 변수에 반환시킨다 -->
<selectKey resultType="_int" keyProperty="product_id" order="AFTER">
SELECT MAX(product_id) from product
</selectKey>
insert into product
values(seq_pid.nextval, #{product_title}, #{product_content}, #{product_price}, #{product_stock},
default, #{kind_id}, sysdate, sysdate, default, default)
</insert>
AdminMapperTests.java
src/test/java 경로에 있는 com.swan.mapper 패키지에 "AdminMapperTests.java" 클래스를 생성 후 Junit 테스트를 할 수 있도록 기본적인 코드들을 추가합니다.
@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration("file:src/main/webapp/WEB-INF/spring/root-context.xml")아래의 코드를 추가 후 상품 등록 메서드가 정상적으로 동작하는지 Junit 테스트를 합니다.
@Autowired
private AdminMapper mapper;
/* 상품 등록 */
@Test
public void swanEnrollTest() throws Exception{
SwanVO swan = new SwanVO();
swan.setProduct_id(61);
swan.setProduct_title("mapper 테스트");
swan.setProduct_content("야홍");
swan.setProduct_price(70000);
swan.setProduct_stock(20);
swan.setKind_id("100000");
System.out.println("Before SwanVO : " + swan);
mapper.swanEnroll(swan);
System.out.println("After SwanVO : " + swan);
}
3. Service 작업
AdminService.java
com.swan.service 패키지에 "AdminService.java" 인터페이스를 생성합니다.
'상품 등록' mapper 메서드를 호출할 메서드를 작성합니다.
/* 상품 등록 */
public void swanEnroll(SwanVO swan);
AdminServiceImpl.java
com.swan.service 패키지에 "AdminServiceImpl.java" 클래스를 생성합니다.
"AdminService"를 상속받도록 implements 키워드를 추가해주고, log 메서드를 사용하기 위해 @log4j를 선언해주었습니다(Lombok 사용자가 아닐 경우 Logger 클래스를 선언 및 초기화하여 사용하시면 됩니다).
더불어 가장 중요한 @Service 어노테이션을 작성해줍니다.
스프링이 해당 클래스가 Service 역할을 하는 클래스로 인식할 수 있도록 하기 위함입니다.
먼저 AdminMapper 인터페이스를 의존성 주입 해준 후, AdminService.java 에서 선언한 메서드를 오버 라이딩하여 구현합니다.
@Autowired
private AdminMapper adminMapper;
/* 상품 등록 */
@Override
public void swanEnroll(SwanVO swan) {
log.info("(service)swanEnroll........");
adminMapper.swanEnroll(swan);
}
4. Controller 작업
AdminService의 메서드를 사용할 수 있도록 의존성 주입을 해줍니다.
@Autowired
private AdminService adminService;
AdminController.java 에 '상품 등록'을 수행하는 url 매핑 메서드를 작성합니다.
/* 상품 등록 */
@Transactional
@PostMapping("/insertProduct")
public String productsEnrollPOST(SwanVO swan, RedirectAttributes rttr) {
logger.info("productsEnrollPOST......" + swan);
adminService.swanEnroll(swan);
rttr.addFlashAttribute("enroll_result", swan.getProduct_title());
return "redirect:/admin/admin";
}
상품 등록을 수행 후 "상품 관리(admin.jsp)"페이지로 리다이렉트 하여 이동하도록 리턴 값을 작성하였습니다.
상품 등록이 완료되었음을 사용자에게 피드백하기 위해 상품 등록 후 '상품 관리 페이지'에 이동하였을 때 등록한 상품 이름과 함께 상품이 등록되었음을 알리는 경고창을 뜨도록 했습니다.
이를 위해RedirectAttribute의 addFlashAttribute 메서드를 활용하여 등록한 상품 명을 "enroll_result" 속성에 저장하였습니다.
5. View 작업
insertProduct.jsp
취소 버튼과 등록 버튼이 동작하도록 JS코드를 추가하였습니다.
/* 취소 버튼 */
$("#cancelBtn").click(function() {
location.href = "/admin/admin"
});
/* 상품 등록 버튼 */
$("#enrollBtn").on("click", function(e) {
e.preventDefault();
enrollForm.submit();
});admin.jsp
'상품 관리 페이지(admin.jsp)'에 상품 등록 결과를 피드백하기 위한 경고창을 띄우기 위해 서버로부터 전달받은 "enroll_result"속성을 활용한 아래의 JS코드를 작성했습니다.(아래의 코드에 <c:out> 태그를 사용했기 때문에 이를 사용하기 위해서 admin.jsp 파일 상단에 JSTL라이브러리 태그 코드를 추가시켜 주어야 합니다.)
<script>
$(document).ready(function() {
/* 등록 성공 이벤트 */
let eResult = '<c:out value="${enroll_result}"/>';
checkResult(eResult);
function checkResult(result) {
if (result === '') {
return;
}
alert("상품'" + eResult + "'을 등록하였습니다.");
}
});
</script>6. 테스트
상품 등록 기능이 정상적으로 동작하는지 테스트합니다.
추가로 '상품 관리 페이지(admin.jsp)'에서 경고창이 동작하는지도 확인합니다.
