게시판에서 수정화면이 기존에 작성한 글내용을 수정하는 화면이다. 수정화면이 없다면 등록한 글이 잘못되었을 경우 불편하다. 그렇기에 모든 게시판에는 필수적으로 수정화면이 들어간다.
게시판 만들기 6
수정화면 html 파일 만들기
수정화면의 기능은 보기 화면과 등록화면이 합쳐진 것이다.
무슨 뜻일까.
수정화면은 입력을 할 수 있는 입력란이 존재한다.
입력란에는 이전에 등록한 글내용이 표시된다.
잘못된 내용을 수정하고 다시 글을 등록한다.
이게 수정화면이다. 어렵지 않다.
수정 화면의 기능
수정 화면에 대한 기능을 살펴보자.
위에서 이미 언급했지만 좀 더 정리를 해 보도록 하자.
- 조회
등록된 글내용을 화면에 표시한다. - 등록
수정된 글내용을 다시 저장하도록 한다. - 취소
화면을 닫거나 혹은 게시판으로 다시 돌아가도록 한다.
수정 화면의 html 만들기
html 은 간단하다.
기존의 등록화면을 수정하여 글내용이 표시되도록 하면 된다.
html 템플릿은 등록화면의 것을 사용하도록 한다.
사용자가 입력해될 부분인 input 태그에 value 값이 들어가 있는 것을 알 수 있다.
이 값이 변경되어 저장되도록 한다.
<!-- html5 기본템플릿 -->
<!DOCTYPE html>
<!-- head -->
<head>
<!-- meta SEO 컨텐츠 -->
<meta name="title" content="수정화면">
<meta name="description" content="수정화면입니다.">
<meta name="keywords" content="수정">
<meta name="author" content="개코">
<meta name="copyright" content="개코">
<!-- // -->
<!-- meta 반응형 웹표준 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- // -->
<!-- 스타일 -->
<style></style>
<!-- // -->
</head>
<!-- // -->
<!-- body -->
<body>
<div>
<h2>
수정 화면
</h2>
</div>
<div>
<button>취소</button>
<button>저장</button>
</div>
<div>
<p>작성일</p>
<p>
<input type="text" value="글내용"/>
</p>
<p>작성자</p>
<p>
<input type="text" value="글내용"/>
</p>
<p>제목</p>
<p>
<input type="text" value="글내용"/>
</p>
<p>글내용</p>
<p>
<input type="text" value="글내용"/>
</p>
</div>
</body>
<!-- // -->
<!-- 자바스크립트 -->
<script type="text/javascript"></script>
<!-- // -->
</html>반응형
'programming > MakinGProJect' 카테고리의 다른 글
| 게시판 만들기 8 자바 스프링 프레임워크 클래스 객체 종류 컨트롤러 서비스 dao (0) | 2021.10.20 |
|---|---|
| 게시판 만들기 7 자바 스프링프레임워크에서 html 화면 표시 (0) | 2021.10.19 |
| 게시판 만들기 5 보기화면 html 파일 만들기 (0) | 2021.10.17 |
| 게시판 만들기 5 등록 html 파일 만들기 (0) | 2021.10.16 |
| 게시판 만들기 4 목록 html 파일 만들기 (0) | 2021.10.16 |
댓글