글 수정 1 (springboot - vue)

추가한 파일

• boardEdit.vue

 

추가한 코드

• (springboot) BoardJpaController - editBoard
• (vue) board.vue

 

BoardEdit

---

 

 

1. 글 읽기 화면(board.vue) 에서 Edit 버튼을 누르면 board Id를 넘겨주면서 수정화면으로 넘어간다

2. mounted 를 사용하여 화면이 로드되면 v-model에 수정 전 제목과 내용을 할당하는 메소드 실행

  (v-model="subject" 지정되어있고, subject값에 기존 제목을 저장한다.)

 

    detailUsers() {
      let bid = this.$route.query.bid
      console.log("bid ? : " + bid)
      this.$axios.get("boardjpa/"+ bid,)
          .then(response => {
            this.content = response.data[0].content
            this.subject = response.data[0].subject
            console.log(response.data);
          })
          .catch(error =>{
            console.log(error.response);
          })
    }

 

3. 제목과 내용을 입력 후 commit 버튼을 누르면 제목과 내용을 Springboot로 보내서 수정한다

  (springboot 에서 제목,내용,시간,날짜 를 수정한다)

 

 

글 읽기 화면으로 이동하면 수정된 내용과 시간을 확인할 수 있다.

 

 

 

이후 추가할 것

---

1. 글 삭제 폼
board에서 Delete 버튼 클릭시 오버레이로 삭제할지 말지 버튼 생성

2. 수정할 것
수정과 삭제시 본인이 맞는지 인증하는 코드 필요