본문 바로가기
Backend/Servlet & JSP

[JSP ④] JSP 실습 - CRUD게시판 구현하기 (C R 기능 구현 / 백엔드 / 웹개발 기초 / 웹개발 독학 )

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

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

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

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

 

 

<R 기능 구현>

 

이제 여기서 제목을 클릭하면 특정 게시글이 보이는 기능을 구현해본다.

 

selectone.jsp

 

 

main.jsp 에서 제목을 누르면 selectone.jsp로 가도록 연결했다.

 

 

selectone.jsp를 만들고 4.5.에 한글깨짐을 방지하는 UTF-8을 설정해주고 6.7. 필요한 것들도 import해준다.

이 jsp는 dao의 selectOne(bd_no) 메소드를 사용한다.

 

화면에 구현해낼 테이블도 만들어 준다.

그리고 데이터도 dto로 불러낸다.

 

 

+ boardDao.java 에서 게시글 선택 출력 메소드를 완성해준다.

db를 연결해주고 db에서 선택한 특정 번호의 데이터를 가져오는 쿼리를 실행해 리턴해준다.

 

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

 

 

+ 목록 버튼을 누르면 목록으로 되돌아가도록 한다.

selectone.jsp에서 버튼 옆에 onclick 을 추가해 준다.

 

이렇게 제목을 누르면 게시글 하나가 보이고 다시 목록을 누르면 다시 돌아가도록 했다.

 


 

<C 기능 구현>

이번엔 글쓰기 기능을 넣어준다. main.jsp에서 글쓰기 버튼을 누르면 글을 쓸 수 있는 insert.jsp로 넘어가게 한다.

 

 

insert.jsp

 

역시나 4.5. UTF-8을 해주고

글쓰기 테이블도 만들어준다. 이 insert.jsp의 글쓰기 폼은 insert_alert.jsp로 넘어가게 해준다.

또 취소 버튼을 누르면 main.jsp로 넘어가게 해준다.

 

 

insert_alert.jsp

 

이 jsp는 글쓰기 창의 좀 더 동적인 기능을 지원해주는 jsp이다.

dao의 insert(dto) 메소드를 써서 화면을 구현해주도록 했다.

 

+BoardDao.java로 넘어가 insert 메소드를 완성해준다.

db를 연결해주고 insert 쿼리를 실행시키고 결과 데이터를 pstm에 담아 res로 리턴해준다.

 

다시 insert_alert.jsp로 넘어가 마저 완성해준다.

 

 

dao에서 담아온 res로 글이 잘 등록됐는지 안됐는지 확인해보고 잘 됐다면 등록 후 main.jsp로 이동하고 안됐다면 insert.jsp에 머무르게 한다.

 

이렇게 C 기능도 구현이 됐다.

반응형

댓글