7. Spring Boot 게시판 생성(2)

Spring Boot 게시판 생성(2)

🔶 13. 회원가입 확인 및 유효성검사(2)

![[Screenshot_493.png]]

   //  폼 배출시 id중복체크 여부 확인 및 pw일치 검사
   $('#registerForm').on('submit',function(e){
        // 아이디 중복체크  등록방지
           if(!isIdAvailable){
            e.preventDefault()
            alert("아이디 중복체크를 완료해주세요")
        }

        const pw = $('#pw').val();
        const pwConfirm = $("#pwConfirm").val()

        // 비밀번호 불일치 등록방지
        if(pw !== pwConfirm){
            e.preventDefault()        
            alert("비밀번호를 일치시켜 주세요")
        }
   })

 

![[Screenshot_494.png]]

🔶 14. 로그인기능

◻ 14-1 로그인 기능 코드작성

userController.java
![[Screenshot_495.png]]

코드

    //로그인 기능
    @PostMapping(value = "/login.do")
    public String login(@RequestParam String id,@RequestParam String pw,HttpSession session) 
    {
        UserEntity user = userService.login(id,pw);
        System.out.println(user);
        if(user != null) {
            session.setAttribute("user", user);
            return "redirect:/";

        }else {
            return "redirect:/login";
        }
    }

userService.java
![[Screenshot_496.png]]

코드

    // 로그인 기능
    public UserEntity login(String id,String pw) {
        UserEntity user = userRepository.findByIdAndPw(id,pw);
        return user;
    }

userRepository.java
![[Screenshot_497.png]]

코드

    // 로그인용 조회기능
    UserEntity findByIdAndPw(String id,String pw);

설명 :

1) id, pw, session 파라미터를 받는다.
2) 서비스에 로그인기능로직구현후 회원의 정보를 받아온다.
3) 회원의 정보 유무에 따라 세션에 회원정보를 넣고 리다이렉트 시킨다.

◻ 14-2 로그아웃 기능 구현
userController.java
![[Screenshot_500.png]]

코드

    //로그아웃 기능
    @GetMapping(value = "/logout.do")
    public String logout(HttpSession session)
    {
        // 세션 무효화
        session.invalidate();
        return "redirect:/";
    }

설명 : 요청이 들어오면 세션 초기화 시키고 리다이렉트

◻ 14-3 로그인 / 로그아웃 html 표시

로그인 유무에 따라 상단 헤더에 로그인 로그아웃 기능 분기
![[Screenshot_499.png]]

결과
![[Screenshot_498.png]]

.

정보를 입력하고 로그인을 진행
![[Screenshot_501.png]]

-> 로그인이 잘 되어있는것을 볼수있다.
-> 로그인시 상단헤더에 아이디 표시를 시키고 로그인 유무에 따라 로그인/로그아웃 버튼이 표시된다.
-> 또한 로그인시, 글쓰기 기능이 출력되도록 만들었다.