관리자 :: 업체 등록

관리자 페이지에서 업체(seller)를 등록할 수 있도록 해보자

 

 

우선 판매자 페이지에 정상적으로 접근 가능한 것을 확인하였다.

(controller와 jsp사용)

 

이제 jsp에서 업체를 입력하는 table을 만들어주자

 

seller.jsp

이렇게 jsp에서 table을 만들어주면 seller page에는

 

이렇게 생성이 된다.

살짝 css로 예쁘게 만들어주면

 

짜- 잔-

사실 css 건들다보면 하나하나 조금씩 바뀌는 모습을 확인하는게 재미있다.

그래서 은근히 시간을 많이 쓰게된다 .. 근데 .. ?

기본적인 것만 만질 수 있으며 .. (왜냐면 어깨 너머만 보고 따라하니까 ..)

css에 시간 절대 안써야지 다짐하면서 하지만

은근히 시간을 쓴걸 확인하면은 살짝 현타 온다

속으로 "나 백엔드 개발자 준비생인데 이걸 내가 왜 하고있지?" 이렇게 ..

암튼 .. 하고나면 기분은 좋으니 .. 여기서 만족하는 걸로 ㅎㅎ

 

저 등록하기 버튼을 js에서 활성화 시키도록 하자

 

seller.js

seller.js를 생성해주고, seller.jsp에 연결해준다.

( <script src="/assets/js/seller.js"></script> )

 

js가 잘 연결되어서, 버튼이 활성화 된것을 확인할 수 있다.

 

seller.js

등록하기 버튼을 눌렀을 때,

조건들을 추가해주었다. 

추가한 조건들은 위에서 볼 수 있듯이 모든 항목들을 입력해야하며,

아이디는 4자 이상, 비밀번호는 6자 이상 입력해야한다.

비밀번호는 비밀번호 확인까지 입력해야한다.

틀리게 입력했을 시에 return한다.

 

잘 작동되는지 확인하기

 

이제 입력한 값을 DB에 넣어주는 작업을 하기위해 VO를 생성할 것이다.

사전에 만든 DB table을 보면

 

seller_info table

다음과 같이 생성되어 있기에 이것을 기반으로 VO를 만들어 줄 것이다.

 

sellerVO.java

VO 생성 완료

 

SellerAPIController.java

API도 생성해주고 다음과 같은 코드를 작성해준다.

 

seller.js

js로 돌아와서 입력한 값을 sellerInfo라는 이름으로 데이터를 넣어주고,

ajax를 입력하고 보니,

바보같이 mapper와 service를 입력 안했구나

 

얼른 입력하러 갑니다.

 

sellerMapper.xml

mapper.xml 작성했으니, mapper.java를 입력하러가자

 

sellerMapper.java

 

mapper.java 작성하면 이제 자동으로 가야하는 service

 

sellerService.java

service에서 return값을 boolean으로 주어서 여기서 false와 true 처리를 해주었다.

전에는 이 처리를 controller에서 해주었다.

그렇게하면 controller가 굉장히 길어지고 지저분해진다.

 

이 서비스를 현재 진행하고 있는 쇼핑몰 서비스에서

업체 등록하는 데만 쓰이고 있어서 controller에서 처리해줘도 무방하나,

나중에 프로젝트가 커질것을 대비해서

(음.. 유지보수적인 관점이라고도 말할수 있을 것 같다)

service쪽에서 처리하도록 해주겠다.

(이제 계속 이렇게 처리해줄 것이다.)

 

serive를 작성해주었으니 API에 service를 연결하러가자

 

SellerAPIController.java

그럼 이제 DB에 넣을 준비는 해 주었다.

 업체를 입력하고 DB에 들어가는 지 확인해보자

 

데이터 베이스에 정상적으로 들어가는 것을 확인 할 수 있다.

 

다음 게시물에는 들어간 데이터를 리스트 형식으로 출력해서 아래에 보여주도록 하자

 

 

 

 

++ 추가 내용

 

보완할 점이 있는 것 같아서 수정하도록 하겠다.

 

데이터가 들어가는 것은 확인했으나, 아쉬웠던 점은

 

1. 회원가입을 완료했을 때 아무런 alert이 뜨지않아서

db에 들어갔는지 직접 확인을 해야한다는 점

 

2. 회원가입 후, 입력했던 데이터가 그대로 input칸에 들어가있어서

새로고침을 하거나, 손수 지워서 새로운 데이터를 넣어야한다는 점

 

3. name 값이 이름이 아닌, 업체명으로 안내되어야 한다는 점

 

이렇게 3가지가 있어서 보완해보려한다.

 

첫번째 1. alert을 띄어주는 것과 2. 새로고침을 동시에 해주자

 

우선 API에서 

 

SellerAPIController.java

이렇게 추가를 해준다.

  그리고는 js로 가서,

 

seller.js

성공했을 때, 

alert과 location.reload(); (--> 새로고침) 을 추가해준다.

 

그리고 다시 업체 등록을 시도해보자

 

 

등록 버튼을 클릭했을 시에,

alert이 뜨고

db에 들어가는 것을 확인해주었다.

 

3. 이름 -> 업체명

이 친구는 jsp에서 td만 수정해주면 되기에

결과만 확인해주겠다.