54일차_MVC

Git Hub

https://github.com/ujin302/Web2024/tree/main/projectMVC

 

저번 시간 이어서! 

게시물 상세 보기를 업그레이드 했다! 

 

게시물 상세보기

1. 로그인 후 다른 사람 게시물 보기 

1. 마루 계정 로그인
2. 미니언즈가 작성한 게시물 
3. '게시물 목록' 버튼만 노출

게시물 목록 버튼 클릭 시, 이전에 있었던 목록으로 이동

목록에서 3번 페이지에 있었으면 3으로, 1번 페이지였으면 1번으로 이동

url에 pg의 값을 추가함

 

http://localhost:8080/projectMVC/board/boardItem.do?pg=3&no=3

 

2. 로그인 후 내 게시물 보기

1. 마루 계정 로그인
2. 마루가 작성한 게시물 
3. '게시물 수정, 게시물 삭제' 버튼도 노출

http://localhost:8080/projectMVC/board/boardItem.do?pg=2&no=5

 

 

3. 로그인 전

로그인 전에는 게시물 상세보기 불가능

http://localhost:8080/projectMVC/board/list.do?pg=1

 

 

2. 소스 설명

boardList.js

js를 사용하여 위의 기능 구현함. 

 

boardlist.jsp파일에서 id값이 memId인 input 태그의 value 속성에 로그인 id 값 설정

boardlist.js에서 jsp 파일에 있는 속성을 가져옴

해당 속성이 빈 값인 경우 로그인하기 전이라고 판단하여 해당 게시물을 볼 수 없음.

빈 값이 아닐 경우 pg와 seq의 데이터를 담아 url 요청 

$('.subjectA').click(function() {
	if($('#memId').val() == '') alert('로그인 후에 게시물을 볼 수 있습니다.');
	else {
		var seq = $(this).parent().prev().prev().text();
		var pg = $('#currentpaging').text();
		location.href = '/projectMVC/board/boardItem.do?pg=' + pg + '&no=' + seq;
	}
})