우당탕탕 개발일지

53일차_MVC 본문

비트캠프/이론 및 정리

53일차_MVC

ujin302 2024. 9. 19. 18:47
반응형

Git Hub

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

 

projectMVC

 

 

Back

com.control

  1. ControlServlet.java: 클라이언트 요청에 따른 알맞은 함수 호출
  2. CommandProcess.java: service가 임플리먼트하는 인터페이스

main

  1. IndexService.java: index 화면 이동

board

  1. bean
  2. dao
  3. service: board 관련된 작업

member

  1. bean
  2. dao
  3. service: member 관련된 작업 

 

 

 

Front

mian: include하여 사용할 부분 

manu.jsp: 메뉴

nav.jsp: 서브 메뉴

boardmenu.jsp: 게시물 관련 메뉴

 

board

boardWriteForm.jsp: 게시물 작성

boardlist.jsp: 게시물 목록

boardItem.jsp: 게시물 상세보기

 

member

  1. memberWriteFrom.jsp: 회원가입
  2. loginOk.jsp: 로그인 성공
  3. loginFail.jsp: 로그인 실패
  4. checkId.jsp: 아이디 중복 확인
  5. memberupdateForm.jsp: 회원정보 수정
  6. memberLoginFrom.jsp: 로그인 화면
  7. memberLogout.jsp: 로그아웃 화면

 

 

commend

클라이언트 요청에 따른 클래스 경로 저장  

#요청=클래스명
/index.do=main.IndexService

#회원가입
/member/writeForm.do=member.service.WriteFormService
/member/write.do=member.service.WriteService
/member/checkId.do=member.service.CheckIdService

#로그인 & 로그아웃
/member/loginForm.do=member.service.LoginFormService
/member/login.do=member.service.LoginService
/member/logout.do=member.service.LogoutService

#회원정보 수정
/member/updateForm.do=member.service.UpdateFormService
/member/update.do=member.service.UpdateService

#게시글 작성
/board/writeForm.do=board.service.BoardWriteFormService
/board/write.do=board.service.BoardWriteService

#게시글 목록
/board/list.do=board.service.BoardListService

#게시글 보기
/board/boardItem.do=board.service.BoardItemService

 

 

index.jsp: 메인화면

로그인 전

빨간색 박스에 로그인, 회원가입 버튼이 출력

파란색 박스에 목록 메뉴만 출력

 

http://localhost:8080/projectMVC/index.do

\

로그인 후

빨간색 박스에 로그아웃, 회원정보 수정 버튼이 출력

파란색 박스에 글쓰기 메뉴가 추가로 출력

 

nav.jsp

<c:if test="${memId == null}">
	<input type="button" value="로그인" onclick="location.href='${pageContext.request.contextPath}/member/loginForm.do'"><br><br>
	<input type="button" value="회원가입" onclick="location.href='${pageContext.request.contextPath}/member/writeForm.do'"><br><br>
</c:if>

<c:if test="${memId != null}">
	<h3>${memId }님 로그인</h3>
	<input type="button" value="로그아읏" id="logoutBtn"><br><br>
	<input type="button" value="회원정보 수정" onclick="location.href='${pageContext.request.contextPath}/member/updateForm.do'"><br><br>
</c:if>

 

 

boardWriteForm .jsp: 로그인 화면

http://localhost:8080/projectMVC/member/loginForm.do

 

 

memberWriteFrom.jsp: 게시글 작성

http://localhost:8080/projectMVC/board/writeForm.do

 

 

boardlist.jsp: 게시물 목록

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

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

 

 

 

boardItem.jsp: 게시물 상세

http://localhost:8080/projectMVC/board/boardItem.do?no=6

 

memberupdateForm.jsp: 회원정보 수정

http://localhost:8080/projectMVC/member/updateForm.do

 

memberLoginFrom.jsp: 회원가입

http://localhost:8080/projectMVC/member/writeForm.do

 

 

 

 

 

반응형

'비트캠프 > 이론 및 정리' 카테고리의 다른 글

56일차_이미지 파일 업로드  (0) 2024.09.23
54일차_MVC  (0) 2024.09.20
51일차_MVC 패턴  (0) 2024.09.12
50일차_EL/JSTL  (2) 2024.09.11
49일차_MyBatis  (0) 2024.09.10