SpringFramework를 이용한 웹사이트 만들기(5)--로그인,회원가입 페이지 만들기

오늘 해볼것은 로그인, 회원가입창 만들기 입니다.

 

로그인은 부트스트랩의 모달 css를 이용하여 로그인을 할 수 있게 제작하였습니다.

 

로그인 버튼을 누르면 현재 창에서 모달로 간편하게 로그인창이 작게 나타나게끔 제작 하였습니다.

로그인 창에서 회원가입을 누르게 되면 회원가입창으로 이동하게 됩니다.

 

 

컨트롤러에서 회원가입으로 이동하는 코드를 작성 해주신 후

jsp에서 컨트롤러 - jsp로 이동하는 링크를 코딩해주시면 됩니다.

<button type="button" class="btn btn-primary" onclick="location.href='${ctp}/user/join';">회원가입</button>

 

 

${ctp}는 미리 설정해둔 것으로 맨위에 밑 코드를 삽입하시면 됩니다.

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctp" value="${pageContext.request.contextPath}" />

 

회원가입 창 입니다~~

 

 

 

 

Daum API를 이용하여 주소를 입력 할 수 있도록 설정 하였습니다.

하는법은 밑에 링크를 확인해주세요. 다음에서 친절히 설명해줍니다.

https://postcode.map.daum.net/guide

Daum 우편번호 서비스

 

 

 

오늘은 로그인창, 회원가입창, 다음주소API를 활용해 보았습니다.

코드는 깃 주소를 참고해주세요

https://github.com/seongjaePark12/Air_Reservation/tree/master/Air_reservation

GitHub - seongjaePark12/Air_Reservation