[STS] Ajax를 이용한 회원가입 (dto, service)

 

 

 

 목차

1. ajax 테스트
2. dto 생성
   1. 입력된 데이터가 처리되는 로직 (http > controller > dto)
3. service 생성
   1. 입력된 데이터가 처리되는 로직 (http > controller > dto / service > DB)

 

 

1. ajax 테스트

1. 입력받은 데이터 ajax로 처리할 코드 작성
2. api 패키지 생성해서 ajax로 처리한 데이터를 리턴 (정상작동시, 1을 리턴)
3. 회원가입 테스트 (**에러 : undefined is not a function (near '...$.ajax...'))
   1. jquery 스크립트에서 'slim.min' 삭제
   2. 정상작동 확인

 

1. 입력받은 데이터 ajax로 처리할 코드 작성

 

2. api 패키지 생성해서 ajax로 처리한 데이터를 리턴 (정상작동시, 1을 리턴)

 

3. 회원가입 테스트 (**에러 : undefined is not a function (near '...$.ajax...'))

 

3-1. jquery 스크립트에서 'slim.min' 삭제

 

3-2. 정상작동 확인

 

 

 

 

2. dto 생성

1. 매개변수 'resp' 작동 확인을 위해 alert 메소드 추가
2. dto 패키지 생성
3. api 패키지에 UserApiController 클래스의 메소드 타입을 ResponseDTO<Integer>로 변경
4. 정상작동 확인

 

1. 매개변수 'resp' 작동 확인을 위해 alert 메소드 추가

 

2. dto 패키지 생성

 

3. api 패키지에 UserApiController 클래스의 메소드 타입을 ResponseDTO<Integer>로 변경

 

4. 정상작동 확인

 

 

 

 

1) 입력된 데이터가 처리되는 로직 (http > UserApiController > ResponseDTO)

 

 

 

 

 

3. service 생성

1. service 패키지 생성
2. DB에 데이터 insert 되도록 UserApiController 메소드 수정
3. 데이터 입력
4. DB insert 확인

 

1. service 패키지 생성

 

2. DB에 데이터 insert 되도록 UserApiController 메소드 수정

 

3. 데이터 입력

 

4. DB insert 확인

 

 

 

 

1) 입력된 데이터가 처리되는 로직 (http > UserApiController > UserService / ResponseDTO > DB)