글 작성이 완료되었거나, 수정, 삭제를 했을 때 보통 알람이 뜨게 된다.
우선 templates 폴더 안에 message.html을 생성 한다.
<html lang="en" xmlns:th="http://www.thymeleaf.org">타임리프를 사용 할 것이다.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script th:inline="javascript">
/* <![CDATA[*/
var message = [[${message}]];
alert(message);
location.replace([[${searchUrl}]]);
/*]]>*/
</script>
<body>
</body>
</html>CDATA는 너무 생소하다.
구글링을 해 보니, 그냥 사용을 해도 무방하지만, script 에러를 피할 수 있다.
예를 들어, HTML 의 유효성 검사(Validate)를 검사하는 Parser 입장에선 이것이 잘못되었다고 간주하여
사용자에게 경고 메세지를 띄울 수 있다. 이럴 때 오류로 처리를 해, 없는 라인으로 처리 될 수도 있다.
쉽게 말 해, 문법 오류를 막을 수가 있다.
Controller에서 메시지를 message.html로 전송을 해준다.
message를 담아서 alert창이 화면에 문구를 출력이 된다.
location.replace는 이동시켜줄 페이지 경로를 담아서 Controller로 보내주게 된다.
Controller로 이동
return type을 message로 바꿔주고,
매개변수에 Model을 추가 해 준다.
게시글 삭제, 수정도 같은 방식을 사용한다.
3가지 상황 모두, 확인 버튼을 누르면 searchUrl에 담았던 주소대로 이동을 하게 된다!
'Backend > SPRINGBOOT' 카테고리의 다른 글
| [SpringBoot] 게시판 만들기 9. 페이징 처리 (0) | 2022.11.01 |
|---|---|
| [SpringBoot] 게시판 만들기 8. 파일 업로드 (0) | 2022.11.01 |
| [SpringBoot] 게시판 만들기 6. 게시글 수정 (0) | 2022.10.31 |
| [SpringBoot] 게시판 만들기 5. 게시글 삭제 (0) | 2022.10.31 |
| [SpringBoot] 게시판 만들기 4. 게시글 상세 페이지 (0) | 2022.10.31 |