본문 바로가기
Backend/Servlet & JSP

[JSP_MVC ①] MVC 패턴으로 CRUD 게시판 구현하기 ( dto / dao / 웹개발 기초 / 웹개발 독학 / 백엔드 / 웹 프로그래밍)

by 비전공자 기록광 2021. 2. 12.
반응형

MVC 패턴에 관한 이론은 여기서...

 

2021.02.12 - [IT 독학/WEB] - MVC 패턴 ( MVC 이론 / 웹개발 기초 / 웹개발 독학 / 백엔드 / 웹 프로그래밍)

 


▶ JSP실습 - 기본 게시판 구현하기

2021.02.09 - [IT 독학/WEB] - [JSP ⑦] JSP 실습 - 수정 / 삭제 버튼 연결하기 + 여러개 한번에 삭제 ( 멀티버튼/ checkbox 삭제 / 백엔드 / 웹개발 기초 / 웹개발 독학 )

 

 

JSP만을 가지고 기본 CRUD 기능이 있는 게시판을 구현해봤다.

이번에는 똑같은 게시판을 MVC 패턴을 이용해 구현해보겠다.

 

jsp를 시작할때와 같이 새로운 다이나믹 웹 프로젝트를 만들어준다.

이 프로젝트의 데이터를 저장할 sql 파일을 하나 만든다.

 

board.sql

src에 db파일을 만들어 board.sql을 만들어줬다.

내 db에 맞게 연결해준다.

잘 만들어진걸 확인하고 넘어간다.

 

그 다음 dto와 dao를 만들어준다.

jsp 실습을 했을 때와 다르지 않다.

 

2021/02/04 - [IT 독학/WEB] - [JSP ③] JSP 실습 - CRUD게시판 구현하기 ( dto / dao / 브라우저 연결 / 백엔드 / 웹개발 기초 / 웹개발 독학 )

 

MVCBoardDto.java

객체, 기본생성자, 매개변수 생성자, getter&setter를 만들어줬다.

 

 

MVCBoardDao.java

기능 구현할 메소드를 미리 만들어줬다.

 

 

browser.html

처음 띄울 페이지를 만들어줬다.  (jsp로 해도 상관 없음)

이번에는 '게시판'을 누르면 넘어가도록 만들어줬다.

controller.jsp로 가서 요청이 main인 걸 실행하도록 한다.

 

 

main.jsp

UTF-8 설정과 import를 해주고

화면에 띄울 테이블을 만들어준다.

테이블의 내용은 dto를 통해 db에서 끌어오도록 해준다.

controller.jsp

☆★MVC 의 핵심인 controller이다★☆

controller를 통해 이 프로젝트의 기능을 관리해줄 예정이다.

 

UTF-8을 설정해주고 import도 해준다.

요청이 들어오는 걸 command에 담아 요청에 따라 어떻게 해줄지 정한다.

 

일단 browser.html에서 받은 요청인 command = main 을 받아와

dao의 selectAll( ) 메소드를 실행해주기로 한다.

 

 

+ dao에서 게시글을 전체 출력하는 selectAll( ) 메소드를 만들어준다.

 

이번에는 jdbc템플릿을 미리 만들어 import 해줬다.

 

여기까지 하고 browser.html에서 실행을 해주니 잘 구현이 됐다.

 

 

반응형

댓글