본문 바로가기
Backend/Servlet & JSP

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

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

2021/02/03 - [IT 독학/WEB] - [JSP ①] JSP 실습 준비 (톰캣 연결 / 서버 연결 / 프로젝트 생성 / 개발환경 UTF-8 설정 / 웹개발 기초 / 웹개발 독학 )

2021/02/04 - [IT 독학/WEB] - [JSP ②] JSP 실습 - CRUD게시판 구현하기 ( jdbc연결 / sql 파일 생성 / / 웹개발 기초 / 웹개발 독학 )

 

BoardDto.java

객체를 표현해줄 dto를 생성했다.

기본 생성자, 매개변수 생성자, getter&setter을 만들어 준다.

 

dto를 통해 DB에서 데이터를 set하고 get할 수 있게 된다.

 

 

BoardDao.java

DB와 연결하여 CRUD 작업을 하는 dao를 생성했다.

구현하고 싶은 작업에 대한 메소드를 만들어 준다.

 

 

Browser.jsp

브라우저인 메인 페이지를 만들어준다. jsp 파일이므로 웹 컨텐츠에 만들어준다.

브라우저를 실행할 때 연결해줄 jsp 파일을 적어준다. (main.jsp)

 

 

Main.jsp

가장 메인 페이지인 브라우저의 동적 컨텐츠를 제공하는 웹 페이지이다.

안해도 되지만 혹시 모를 글자깨짐에 방지하는 4.5. UTF-8 로 변환 작업을 한다.

main.jsp에서 쓸 것들을 import 해준다.

 

 

 

main.jsp 는 게시글을 전체 출력해주는 목록이다.

여기에는 dao에서 게시글 전체 출력 메소드 selectAll()을 사용한다.

 

+ BoardDao.java

 

db를 연결해주고

쿼리를 실행하고 쿼리 실행 결과를 저장해주고 이를 리턴해준다.

 

 

다시 main.jsp로 돌아가

테이블 목록을 만들어주고 각 데이터는 get을 통해 dto에서 불러온다.

 

 

 

이렇게 웹 페이지가 구현된다.

반응형

댓글