<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="container">
<button class="btn btn-primary" onclick="listReq()">목록</button>
<button class="btn btn-warning" onclick="req('update')">수정</button>
<button class="btn btn-danger" onclick="req('delete')">삭제</button>
</div>
<div id="pass-check" style="display: none">
<input type="text" id="board-pass">
<button onclick="passCheck()">확인</button>
</div>
</div>
</body>
<script>
const listReq = () => {
location.href = "/board/";
}
const req = (value) => {
document.getElementById("pass-check").style.display = "block";
document.getElementById("board-pass").value = "";
console.log("value값", value);
const passCheckArea = document.getElementById("pass-check");
passCheckArea.innerHTML = "<input type=\"text\" id=\"password\" placeholder=\"password\">\n" +
" <button class=\"btn btn-outline-dark\" onclick=\"passCheck('" + value + "')\">확인</button>";
}
const passCheck = (value) => {
console.log(value);
const password = document.getElementById("password").value;
const passDB = "1234";
const id = "1";
if (password == passDB) {
if (value == "update") {
location.href = "/board/update/" + id;
} else if (value == "delete") {
// location.href = "/board/delete/" + id;
axios({
method: "delete",
url: "/board/" + id
}).then(res => {
location.href = "/board/";
}).catch(err => {
alert("삭제실패");
})
}
} else {
alert("비밀번호 불일치!!");
}
}
</script>
</html>
수정 , 삭제가 같은 비밀번호 창을 요구하고 누른 것에 따라 매개변수를 받아서 다른 메소드를 호출하는 방식으로 수정, 삭제가 되도록 했다.
@PutMapping("/{id}")
public ResponseEntity update(@RequestBody BoardDTO boardDTO) {
boardService.update(boardDTO);
return new ResponseEntity<>(HttpStatus.OK);
}
수정한 내용을 @RequestBody 를 이용해 boardDTO로 받아서 id값을 추가해서 save를 이용해서 업데이트를 했다.
@DeleteMapping("/{id}")
public ResponseEntity delete(@PathVariable Long id) {
boardService.delete(id);
return new ResponseEntity<>(HttpStatus.OK);
}
@DeleteMapping 어노테이션을 사용해서 id값을 받아서 삭제처리를 진행하였다.
'Spring > Spring boot icia 73일차' 카테고리의 다른 글
| Spring boot Pk,FK 참조관계 맺기 (0) | 2023.06.07 |
|---|---|
| Spring boot interceptor(인터셉터) (0) | 2023.06.07 |
| Spring boot 날짜 , builder , Modifying (0) | 2023.06.07 |
| Spring boot 게시판 단일파일 , 다중파일 처리 (0) | 2023.06.07 |