memory

boardList.jsp

//먼저 WEB-INF lib안에 jstl-1.2.jar을 복사한다

//front controler에서 boardList.do의 처리과정을거쳐 boardList.jsp페이지로오게되는데

//${} 를 이용해 받아온값을 출력한다

boardWrite.jsp

//front controller에서 boardWrite.do과정을 거쳐 boardWrite.jsp로 오게된다

//register를 클릭할경우 data를 submit하여  boardWriteOk.do를 실행한다

boardContent.jsp

//boardContent.do에의해 실행되어 boardContent.jsp로 이동된다

//content에 data가 setting 되어 ${}를 이용해 불러온다

//?bId를 이용해 bId값을 같이 전달한다

//input type에 hiddent을줘 submit실행시 value값을 같이 전달한다

boardReply.jsp

//replyView를 이용해 data를 받아온다

//input type에 hidden을줘서 data를 같이 전송한다

FrontController.java

//먼저 @WebServlet("*.do")로 변경해 do 가 실행히 frontcontroller에서 실행되게한다

//doGet, doPost가 실행시 actionDo에서 처리하게한다

//boardWrite.do 가 실행시 boardWrite.jsp파일로 이동시킨다

//boardWriteOk.do가 실행시 bWritecommand를 실행하고 boardList.do를 실행한다

//boardList.do가 실행시 bListCommand();를 실행하고 boardList.jsp로 이동한다

//boardContent.do가 실행시 bContentCommand를 실행하고 boardContent.jsp로 이동한다

//boardModify.do가 실행시 bModifyCommand를 실행하고 boarList.jsp로 이동한다

//boardDelete.do가 실행시 bDeleteCommand를 실행하고 boardList로이동한다

//boardReplyView.do 가 실행시 bReplyViewCommand를 실행하고 boardReply.jsp로 이동한다

//boardReply.do가 실행시 bReplyCommand를 실행하고 boardList.do를 실행한다

bCommand.java

//bCommand.java interface를 만들어주고

//다른 Command에서 overriding해서 사용한다

bWriteCommand.java

//bCommand를 실행해 execute를 overriding해서 사용한다

//dao객체를 생성해 write method를 실행한다

bListCommand.java

//bCommnad를 실행해 execute를 overriding해서 사용한다

//dao와 dtos객체를 생성하고 dtos 에 dao.list method를실행해 return받은값을 dtos에 입력한다

//list에 dtos값을 setting한다

bContentCommand.java

//bCommand를 실행해 execute를 overriding 한다

//bId값을 받아오고 dao와 dto객체를 생성한후

//dao에 content method를 bId값으로 실행시키고

//content method로 받아온 값을 content에 setting시킨다

bModifyCommand

//bCommand 실행 execute 오버라이딩

//값을 가져온후 dao에 modify method를 이용해 update한다

bDeleteCommand.java

//bCommand 실행 execute 오버라이딩

//bId값을받아오고 dao객체 생성후 dao.delete method를 실행

bReplyViewCommand.java

//bCommand 실행 execute overriding

//bId 값을 가져오고 dao객체생성후 replyView method를실행

//bId 를 통해 가져온값을 replyView에 setting시킨다

bReplyCommand.java

//bCommand실행후 execute overriding

//값을 가져오고 dao개게 생성후 reply method 실행

boardDTO 생성

boardDAO class 생성

//command에서 사용할 method를 입력해줘야한다.

result

main.jsp

Lmain.jsp

//관리를 편하게하기위해 login을위한 third box를 제외한 

//나머지를 include를 이용해 불러온다

menu.jsp

otherBox.jsp

otherBox.jsp

//image 이동을 위한 navigation 버튼을 추가시킨다

style.css

//navigation 이미지 setting

result

connection pool setting

//server에 context.xml에 다음값을 추가한다

<Resource    

auth = "Container"
driverClassName = "oracle.jdbc.driver.OracleDriver"
url = "jdbc:oracle:thin:@localhost:1521:xe"
username = "semo"
password = "1025"
name = "jdbc/Oracle11g"
type = "javax.sql.DataSource"
maxActive = "50"
maxWait = "1000"
/>

main.jsp

//session에 chkMember값을 확인해 null값이 아닐경우 로그인이된page로 이동시킨다

//Id 값에 회원가입후 세션을설정해 세션이 존재할경우 login part에 출력한다

join.jsp

//register를 클릭할경우 member.js page로 이동시켜 유효성검사를한다

//cancel를 클릭할경우 main.jsp로 이동시킨다

member.js

//memCheck function을 통해 회원가입시 유효성 검사를 하고 

//modifyForm에 action="joinOk.jsp"를 실행한다

//updateInfo function을 통해 modify시 비밀번호입력여부와 같은비밀번호인지를 확인한다

joinOk.jsp

//자바 빈을 불러와서 setting하고 system에서 시간을 가져와서 세팅한다

//getInstance method로 mdao객체생성한다

//memberDAO에 checkId method를 이용해 return값을 이용해 아이디 존재여부를 확인한다

//존재하지 않을경우 memberDAO에 insertMember method를 실행해

//return값이 join success일경우 session 을 setting한다 

loginOk.jsp

//id와 pw를 가져오고 mdao객체를 생성해 id,pw를 이용해 memberCheck method를 실행한다

//memberCheck 의 return값을 비교해 아이디와 비밀번호를 확인하고 

//getMember method를 이용해 id값을 가져오고 session을 설정한다

Lmain.jsp

//session을 확인해 chkMember값이 null일경우 login page로이동시킨다

//session값이 있을경우 id와 name의 세션값을 가져온다

//name값을 출력해준다

//submit 클릭시 logou.jsp로 이동시키고

//modify 클릭시 modify.jsp로 이동시킨다

modify.jsp

//session값 id를 가져오고 mdao객체를생성한다

//mdao에 getMember method를 이용해 database를 불러온다.

//modify 버튼 클릭시 updateInfo method를 실행한다

//cancel를 클릭시 main.jsp로 이동시킨다

modifyOk.jsp

//session으로부터 id값을 가져와 mdao에 updateMember method를 실행해

//return값을 비교해 <script>를 실행한다

logout.jsp

//session을 모두지우고 main.jsp로 이동한다

memberDTO

memberDAO

//return값을 상수화시킨다

//getInstance를 public으로 설정해 접근을가능하게한다

//insertMember method로 값을 database에 입력시킨다

//checkId method로 id값을 database에서 조회한다

//memberheck method로 아이디값에 해당하는 pw를 databse에서 조회한다

//getMember method로 입력된 id에 해당하는 database를 가져온다

//updateMember로 database값을 update한다

//getConnection method를 통해 database를 연결한다

result

main.jsp

//register 버튼을 누를경우 join.jsp로 이동하게 설정

style.css

//register form css 추가

join.jsp

//register page작성

Cresponsive.css

//main page를 제외한 responsive design재설정

result

main.jsp

//게시판 영역을 만들어서 최신글 제목을 표기하게한다

//사진을 추가해 사진을클릭시 portfolio를 보는화면으로 이동하게한다

//email click시 메일 보내기 기능을 설정

style.css

//padding으로 간격을 준다

result

main.jsp

style.css

//기존에 만든 menu.css 와 icon.css를 style.css에 통합시키고 login css를 추가하였다

//button 오른쪽 정렬을 위해 아이디 b를 td에 설정했다

result

main.jsp

//head부분에 menu.css, style.css 링크를 추가한다

//div를 이용해 menu 아이디를 설정하고 

//ul, li를 이용해 menu 생성

responsive.css

//tablet일경우 menu가 세로로 배치되어야하므로

//menu넓이를 줄여주고 menu.css에서

//padding값을 줘서 세로로 정렬되게한다

menu.css

//list-style을 none으로 설정하고 text를 가운데 배치

//menu를 가로로 정렬하기위해 inline-block을설정한다

style.css

//하이퍼링크 속성을 제거하고 기본글꼴을 설정

result

main.jsp

//head 부분에 css링크를 추가

// body에 ul, li 를 이용해 하이퍼링크 추가

icon.css

//먼저 list style을 제거해준다.

//float left를 설정해 가로정렬이되게만들고

//이미지를넣기위해 display를 block으로 설정후 width와 height를 설정한다

//background-position을 이용해 사진 위치를 조절한다.

result