[스프링 부트] 8. 게시판 만들기 메시지 창 띄우기

💻 PROJECT/[스프링 부트] 게시판

[스프링 부트] 8. 게시판 만들기 메시지 창 띄우기

devCloud 2023. 10. 26. 17:07

728x90

01. 게시글 작성을 완료할 때(버튼을 누를 때), 메시지 창을 출력

01-1. 메시지 파일 생성(message.html)

board > src > main > resource > templates 에 메시지 페이지를 만든다.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body> <!-- 가지고 온 변수를(컨트롤러에서 받아온 변수) 여기에 적용시켜야 한다. -->
  <script th:inline="javascript">
    /*<![CDATA[*/

    var message = [[${message}]];
    alert(message);

    location.replace([[${searchUrl}]]);
    /*]]>*/ <!-- 자바 스크립트는 세미콜론 안 붙여도 되는데 붙이는 게 좋다. -->
  </script>
</body>
</html>

• 컨트롤러에서 메시지를 message 변수에 전송해준다.

• alert는 메시지를 출력(창을 띄워주는) 함수이다. alert에 메시지를 담아 띄워준다.

• location.replace는 페이지를 이동시키는 함수이다. 따라서 이동시킬 경로를 담아준다.

01-2. BoardController에서 boardWriteDo 메소드 수정(Model 객체 추가)

Model 객체를 추가하고 위와 같이 작성한다.

로직 : model에 담겨서 message.html로 넘어오게 된다.

실행하기(http://localhost:8080/board/write)

실행 결과 작성 완료 메시지 창이 뜨고, 확인 버튼을 누르니 리스트 페이지로 넘어갔다.

추가로, 조건문을 걸어서 글 작성이 실패했습니다도 출력 가능하게 할 수 있다.

02.게시글 수정을 완료할 때(버튼을 누를 때), 메시지 창을 출력

02-1. BoardController에서 boardUpdate 메소드 수정

boardWriteDo 메소드와 동일하게 Model 객체를 추가한다.

실행하기

실행 결과 메시지가 출력되고 확인을 누르면 리스트 페이지로 넘어가는 것을 볼 수 있다.

728x90

'💻 PROJECT > [스프링 부트] 게시판' 카테고리의 다른 글

[스프링 부트] 9. 게시판 만들기 페이징 처리 (2)	2023.10.27
[스프링 부트] 7. 게시판 만들기 수정 처리 (1)	2023.10.26
[스프링 부트] 6. 게시판 만들기 삭제 처리 (0)	2023.10.25
[스프링 부트] 5. 게시판 만들기 게시물 리스팅 (0)	2023.10.24
[스프링 부트] 4. 게시판 만들기 게시글 작성폼 생성과 처리 (1)	2023.10.23

현재글[스프링 부트] 8. 게시판 만들기 메시지 창 띄우기

Cloud.log