이클립스 eclipse로 게시판 board 만들기 (2)

객체 지향 언어를 이용하여 게시판 board 만들기

개발 환경 : window 10, eclipse, Tomcat

개발 언어 및 라이브러리 : JAVA, jQuery, JSON, HTML, CSS

 

1. 개발 환경 구성하기 

2. 게시판 설계하기

  ㄱ. 게시판 DB 정의서 작성하기

  ㄴ. 게시판 레이아웃 정의서 작성하기

      >>요구사항 : 게시글 작성/ 댓글 작성/ 리스트 조회/ 상세보기 

      >>벤치마킹 : 자이온스노우보드 자유게시판 글 조회화면 / 네이버 카페 글쓰기화면, 댓글 작성 화면, 상세보기 화면

3. 게시판 설계하기

  ㄱ. 게시글 작성 : 회원?그냥 비밀번호? / 리스트에서 버튼? 상세보기에서 버튼?

  ㄴ. 댓글 작성 : 회원? 그냥 비밀번호? / 상세보기에 바로 버튼?

  ㄷ. 리스트 조회 : 어떤 data 보여주지? / 첫화면으로 리스트 조회? 다른 화면?

  ㄹ. 상세보기 : 어떤 data 보여주지?/ 리스트에서 버튼? 링크?

4. 업무리스트 작성하기

업무명ko	업무명en	UI	method	Controller	Service	DAO	SQL.xml	SQL	Memory
게시글 리스트조회	boardList	boardList.jsp	GET	BoardList	getBoardList	getBoardList	getBoardList	SELECT TITLE, BOARD_WRITER,BOARD_DATE FROM BOARD	Collection<BoardVO>
게시글 상세보기	getBoard	getBoard.jsp	GET	GetBoard	getBoard	getBoard	getBoard	SELECT BOARD_PW, TITLE,BOARD_CONTENT,BOARD_WRITER,BOARD_DATE FROM BOARD WHRER BOARD_CODE=#[boardCode]	BoardVO
게시글 작성	addBoard	addBoard.jsp	GET	AddBoard	-	-	-	-	-
게시글 작성 처리	addBoardAction	-	POST	AddBoardAction	AddBoardAction	AddBoardAction	AddBoardAction	INSERT INTO BOARD(BOARD_CODE,BOARD_WRITER, BOARD_PW, TITLE,BOARD_CONTENT,BOARD_DATE) VLAUES(BOARD_CODE.NEXTVAL,#{boardWriter},#{boardPw},#{title},#{boardContent},sysdate)	int
				...

5. 게시판 구현하기 

  ㄱ. boardList.jsp : 게시글 리스트 조회

  ㄴ. getBoard.jsp : 게시글 상세보기

  ㄷ. addBoard.jsp : 게시글 작성 : addBoardAction

  ㄹ. commentList.jsp : 댓글보기

  ㅁ. addCommentAction : 댓글작성 : 수정/삭제는 display toggle event로 구현

 

#script의 경우 소스 위치에 따라 id값과 class값을 받아오는게 다르기 때문에 function를 구현할 때 주의한다.