게시물 수정/ 삭제/ 모달

1. 게시물등록

 

replseState({}, null,

 

historystate: 기록이 남게 되어있음

뒤로가기 버튼을 눌렀을때 stack에 있는 데이터를 하나씩 꺼내어 내용들을 바꿔 url돌아가게 하는 것

history로작업하는 부분에서 replaceState를 넣게되면 제일 위에있는 url을 강제로 바꿀 수 있다.

 

 

브라우저에서 방묵기록을 강제로 삭제하는 것이 꺼내어 없애는 것

 

2. 

 

 

목록페이에서 게시물 눌렀을때 특정한 페이지로 이동

 

bno라는 값을 get방식의 parameter로 넘겨 전달하는 코드가 있어야 함

글을 눌렀을때 누름과 동시에 브라우저 url을 get방식으로 넘겼을때 동작이 일어나야함

controller에서 void로 설정했기 때문에 

 

get.jsp 만들고 아래의 코드를 추가 해준

 

list.jsp에서 출력하는 코드를 추가해 주어야함

 

get.jsp에  아래의 태그를 추가해
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ include file="../includes/header.jsp" %>
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">게시판</h1>
    </div>
    <!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                게시글 내용 페이지                
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">                    
           
            </div>
        </div>
    </div>
</div>
<%@ include file="../includes/footer.jsp" %>

 

 

 

 

 

 

 

 

링크걸어주기

 

 

누르면 해당 페이지로 이동이 됨!

 

 

p.258

Modify(수정)

 

get.jsp에서 수정 버튼이 있어서 버튼을 누른다면 수정 가능한 페이지로 이동 해서 그 페이지에서 수정되게끔 작업하게 하는 것도 가능. (readonly값을 풀어서 수정하게끔도 가능)

 

버튼생성

value는 서버로 전송되는 역할

 

 

 

 

 

 

 

 

글번호가 나오지는 않음

 

 

 

글 번호가 추가 

 

 

get.jsp에 onclick을 추가해준다

onclick인 경우 url에 글번호가 보인다

 

 

data를 넘겨주고 싶은경우 form태그 필요

form태그 안에있는 파라미터가 서버로 전송되고, form태그 안쪽에 보내지는 데이터가 들어있어야 보낼 수 있

get.jsp

 

 

글번호를 가리고 싶은경우 type="hideen"을 추가하면 가려짐

 

 

submit은 form객체에서 일어남

 

modify버튼을 눌렀을때 동작하는 코드를 추가 해줘야함

 

 

리스트버튼

 

 

 

리스트페이지로 넘어갔을때 url에 글번호 지우고 싶은 경우

 

 

modify에서 내용수정

modify.jsp

수정하기 버튼을 눌렀을때 동작하게 하고싶은경우 submit하겠다는 의미

\form태그를 추가해줌!

button이 form태그 안에 있는 경우, button의 타입을 지정하지 않으면 디폴트버튼은 submit이다

 

 

 

name과 value값이 동일해야 값 전달이 됨.

 

 

 

 

 

 

board/list페이지에 게시글을 클릭 ->수정하기 수정버튼-> 수정하기 페이지로 변경 -> 게시판에 수정된 내용 확인 가능

 

 

 

 

 

 

로그 설정

log4j.xml변경

로그에 service.java도 추가하고 싶은경우 name에 패키지 지정을 해줌

 

 

 

warn을 debug로 변경하면 더 자세히 볼 수 있음.

 

 

jdbc와 관련된 모든 log를 찍고싶은 경

 

 

 

 

 

 

 

 

 

query문 확인 할 수 있음

 

 

모달을 띄우기 위해 특정한 값을 설정하여 넘겨주면 그 값을 통해 처리 되었음을 모달창을 통해 보게 되었다.

수정했을때 

 

 

수정할때 모달 창 띄워 수정된 내용 보여주기

1) redirectAttribute추가해야 함

2) list.jsp

 

내용 수정 후 수정하기 버튼 누름-> list페이지로 변경됨 -> 수정된 글번호 모달 창 띄우기

 

 

 

삭제하기

버튼에 대한 이벤트 등록

버튼이 어떻게 동작하게 만들겠다

버튼을 구분하기 위해 구분자를 넣어준다

id가 제일 쉬운 방법인데 둘다 동일하게 submit할 것이고 action만 다르기 때문에 data-oper로 사

 

submit작업을  form객체가 해주니 form객체를 찾아야 한다

 

alert창이 뜸!

 

 

버튼을 눌렀을때 submit되게 하고싶은 경우

 

기본submit을 막고자 할때 사용

 

 

$("button")

($(this))가 객체를 잡아준다

 

 

양쪽의 delete가 일치해야 함