[스프링 부트] 게시판 만들기 프로젝트 - 12. 본문 수정 화면
2023. 5. 7. 23:00ㆍ스프링부트 프로젝트
1. modify.html
게시물을 수정하는 화면
<!DOCTYPE html>
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head th:replace="board/fragments/header">
</head>
<!-- NAV -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a th:href="@{/board/home.do}">
<h3 class="navbar-brand">Board</h3>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<th:block th:if="${loginId == null}">
<li class="nav-item"><a class="btn btn-secondary"
th:href="@{/board/home.do}">홈</a></li>
<li class="nav-item"><a class="btn btn-secondary mx-1"
th:href="@{/board/register.do}">회원가입</a></li>
<li class="nav-item"><a class="btn btn-secondary"
th:href="@{/board/login.do}">로그인</a></li>
</th:block>
<th:block th:if="${loginId != null}">
<li class="nav-item"><a class="btn btn-secondary"
th:href="@{/board/home.do}">홈</a></li>
<li class="nav-item"><a class="btn btn-secondary mx-1"
th:href="@{/board/write.do}">글쓰기</a></li>
<li class="nav-item"><a class="btn btn-secondary"
th:href="@{/board/logout.do}">로그아웃</a></li>
</th:block>
</ul>
</div>
</div>
</nav>
<!-- NAV 끝 -->
<!-- Page content-->
<div class="container mt-5">
<div class="row">
<div class="col-lg-8">
<form name="modifyBoard" method="post" action="/board/update.do">
<!-- Post content-->
<article>
<!-- Post header-->
<header class="mb-4">
<input type="hidden" name="postno" th:value="${bDto.postno}">
<!-- 제목 -->
<div class="mx-3 mb-2">제목</div>
<textarea id="title" name="title" rows=1 class="form-control mb-3"
th:text="${bDto.title}" required></textarea>
<!-- 작성자 -->
<div class="mx-3 mb-2">작성자</div>
<div class="form-control mb-3" th:text="${loginId}"></div>
<!-- 내용 -->
<div class="mx-3 mb-2">내용</div>
<textarea id="content" name="content" class="form-control"
th:text="${bDto.content}" required
style="width: 100%; height: 400px;"></textarea>
</header>
<div class="btn_wrap text-end mb-5">
<button class="btn btn-success" type="submit" id="write"
value="등록">등록</button>
<a class="btn btn-danger waves-effect waves-light"
th:href="@{/board/view.do(postno=${bDto.postno})}"
style="color: white;">취소</a>
</div>
</article>
</form>
</div>
</div>
</div>
<footer th:replace="board/fragments/footer "> </footer>
</html>△ modify.html
* 본문 아래수정 옆 삭제 버튼 클릭 시 바로 삭제됨
'스프링부트 프로젝트' 카테고리의 다른 글
| [스프링부트] 이메일 발송하기 (0) | 2023.05.07 |
|---|---|
| [스프링 부트] 게시판 만들기 프로젝트 - 13. run.html (0) | 2023.05.07 |
| [스프링 부트] 게시판 만들기 프로젝트 - 11. 글쓰기 및 댓글 작성(Ajax) 화면 (0) | 2023.05.07 |
| [스프링 부트] 게시판 만들기 프로젝트 - 10. 회원가입 및 로그인 화면 (0) | 2023.04.19 |
| [스프링 부트] 게시판 만들기 프로젝트 - 9. Pagination (0) | 2023.04.19 |