06-29 스프링

오늘한일

과제/회원가입/로그인

 

[ 기술보다는 각각의 구조가 어떻게 짜여지는지 그릴수있는 능력이 더중요하다 ]

 

html/css로 작성된 파일은 이미 있는상태

 

join페이지

 

script에서 js를 사용해 아이디 비밀번호에대한 제한및 동적파일을 생성해낸다

 

1. $.ajax({}) 를이용하여 비동기요청을 보낸다

 

2. 태그를 가져와서 속성에 이벤트할당을통한 동적페이지구현

- event.keyCode의 "엔터"의 값이 13이란점을 응용해 엔터를통해서도 click()함수를 호출한 submit()사용이 가능

 

3. 주소 API구현

-도로명주소 API제공 사이트에들어가 API사용법을 이해후 원하는주소의값만 가져와 내가작성하는페이지에 사용

 

4. REST API구현 

1) 컨트롤러 생성 @Controller / @RequestMapping 주입

2)서비스 인터페이스생성 / 서비스 임플리먼츠객체 생성 @Service("빈아이디")주입/ 

3)컨트롤러에 @Autowired 와 @Qualifier("얻고자하는 빈아이디") 주입하여 서비스객체 자동생성

4)maaper생성 

5)mapper.xml작성 

 

5-1) jsp파일에

<?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="mapper가 작성된경로입력">

 

    DB에접근후 사용할 SQL문 입력

 

</mapper>

 

해당값을 vo형식으로 받아왔기때문에

 6) VO생성 @Data @AllArgsConstructor(생성자) @NoArgsConstructor(기본생성자) 주입

 

 

4. 모든과정을거쳐 DB에 회원정보가 저장됐다면 

 

4-1) 컨트롤러의 매개변수로 RedirectAttributes RA 를 객체로받는다

4-2) RA.addFlashAttribute에 결과에따라 해당되는 값을 담은후 reidrect로 페이지를 넘긴다

4-3)넘겨진 페이지에서 가져온값을통해 회원가입 성공/실패여부를 말해준다

 

로그인 하는법

 

1. form태그로 vo의 변수명에맞는 name값으로 input태그의 value값을 전달받는다

 

2.컨트롤러,서비스,인터페이스,인터페이스 임플리먼츠,맵퍼,xml구축후 SQL문을 통해 해당값을 조회한다

- 컨트롤러의 매개변수로 HttpSession session과 Model mdel 을받는다 

- 성공시 session에 vo값저장 , 실패시 model을통해 반환할페이지에 출력할값 전달

 

질문할거) 왜세션은 리다이렉트? ajax는 왜 굳이 restAPI로?

 

 

3. 반환받은 vo가 null이아니라면 sess