본문 바로가기
🌈 프로젝트/웹 프로젝트

웹프로젝트_ [3] 게시판 화면

by 개발자 알마 2023. 8. 25.
반응형

 

 

[1] 게시판 화면


(1) 게시판 접근 과정 

 

 

(2) 게시판의 목록 jsp 파일 생성 

 

 

 

(3) Home 컨트롤러 생성 

 

이제 홈버튼을 눌러서 각 게시판 목록, 로그인 , 회원가입화면으로 이동할수 있다 

 

(4) 게시판 목록에서 로그인 여부 체크

홈에서 board 클릭시 로그인이 되어있다면 바로 게시판 목록 화면이 나오고 

로그인이 되어있지 않다면 login 화면이 나오게 만든다 

로그인이 되어있는지는 세션을 얻었을때 세션의 id가 있으면 로그인 ok 라고 한다 

 

 

로그인 화면에서 로그인 정보 입력시 쿠키 말고도 세션 정보 추가할수 있도록 내용을 추가한다 .

 

아이디 기억으로 선택하여 로그인시 로그인이 되어있어 게시판 목록이 나올수 있다. 

 

(5) 로그아웃 만들기 

 

로그인 컨트롤러에 로그아웃 정보를 입력한다 

로그아웃시 세션이 종료되고 홈화면으로 이동해야한다.  

 

화면의 로그인이 , 로그인이 되어있을때는 로그아웃 

로그아웃이 되어있을때는 로그인으로 나오게 바꿔야한다 

홈 index.jsp 파일에서 

세션 id가 없다면 로그인을 해야한다 반대라면 로그아웃 처리한다 

홈화면에서는 완성 

board클릭했을때는 login으로 나오기때문에 똑같은방법으로 수정하자 

 

 

[2] 처음 클릭했던 경로로 가기 


 

(1) 게시판 접근 과정 

처음의 목적은 홈으로 가는것이 목적이 아니라 게시판을 보려고 시작한것이기 때문에

로그인 성공했을때 게시판이 보여야한다

유효성검사 후에 게시판을 클릭해서 들어왔던건지 아닌지를 판단해서 홈이 아닌 게시판으로 경로가 출력되게 바꿔야한다

어디서 시작했는지 from 은 request.getHeader("refer") 로 찾을수 있고 

어디로 끝났는지 to 는 request.getRequestURL()으로 찾을수 있다 

 

(2) 필터를 사용하여 from 을 찾는 refer을 넣는다 

어디서 어디로 요청을 보내는 정보인지 내용을 출력하도록 필터에 추가한다 

 

 

홈인 상태에서 홈을 클릭 

 

홈인 상태에서 게시판을 클릭하면 로그인 화면이 나옴

 

로그인화면에서 로그인함. 홈 화면으로 자동으로 이동됨 

 

홈에서 게시판을 선택한다 

 

/ch2/board/list 의 주소로 갈수 있도록 수정해야한다 

로그인을 할때 정보를 받아올수 있도록 수정한다 

 

(3) 원래 가려고 했던곳 주소를 저장한다 

BoardController 에서 게시판으로 가는 주소를 담기위해 toURL에 담는다 

주소를 쉽게 볼수 있다. 

주소창에 있으면 다음 단계로 넘어갈수 없기 때문에 

id, pwd 넣는 칸외에 추가로 어떤 칸을 만들어서 그 값을 담으려고한다 

 

loginForm.jsp 파일에서 로그인 화면의 디자인을 추가한다 

 

정상적으로 toURL을 가져온것을 확인한뒤 hidden으로 바꾸면 정보는 받아오지만 실제 눈으로는 보이지가 않게 바꿀수 있다 

loginController에서 로그인 눌렀을때 다음 화면을 홈이 아니라 toURL로 갈수 있도록 설정한다 

이후 조회시 게시판을 누르고 로그인했을때 바로 게시판 화면으로 이동한다. 

toURL을 주소창에서 받아왔던것을 다시 수정한다 

 

반응형

댓글