게시판에서 보기화면은 글의 내용을 보기 위한 화면이다. 웹사이트를 이용하는 사용자에게 정보를 제공하기 위한 목적이기도 하다. 관리자 화면에서 보기 화면은 글의 내용이나 컨텐츠가 제대로 나오는지 확인하기 위한 용도로 사용된다. 보기 화면은 선택적이기도 한데 목적에 맞게 사용하는 것이 좋다.
게시판 만들기 5
보기화면 html 파일 만들기
보기 화면의 용도는 보통 사용자들에게 제공되는 화면이기도 하다.
관리자 측면에서 보기 화면은 단순히 글의 내용이 올바른지 확인하기 위함이기도 하다.
조회성이 크기 때문에 조회만 하면 된다.
보기 화면의 기능
보기 화면에 필요한 기능이 무엇인지 확인해 본다.
기능이 별로 없다.
- 조회
글의 내용을 조회한다. - 취소
이전 화면으로 넘어간다.
팝업창인 경우 닫는다.
보기 화면 html 만들기
보기 화면은 보통 등록 화면의 것을 사용하면 된다.
버튼의 기능이 바뀌고 사용자가 입력하는 input 태그가 텍스트 문구로 대체된다.
이전의 등록화면에 대한 글은 아래를 참고한다.
<!-- 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>
</div>
<div>
<p>작성일</p>
<p>
작성일 표시
</p>
<p>작성자</p>
<p>
작성자 표시
</p>
<p>제목</p>
<p>
제목 표시
</p>
<p>글내용</p>
<p>
글내용 표시
</p>
</div>
</body>
<!-- // -->
<!-- 자바스크립트 -->
<script type="text/javascript"></script>
<!-- // -->
</html>
이전에 글을 작성한 등록 화면과 다르지 않다.
단지 입력하는 부분만 없어지고 일반 텍스트나 글의 내용이 보여지는 부분으로 대체된다.
어렵지 않다.
반응형
'programming > MakinGProJect' 카테고리의 다른 글
게시판 만들기 7 자바 스프링프레임워크에서 html 화면 표시 (0) | 2021.10.19 |
---|---|
게시판 만들기 6 수정화면 html 파일 만들기 (0) | 2021.10.18 |
게시판 만들기 5 등록 html 파일 만들기 (0) | 2021.10.16 |
게시판 만들기 4 목록 html 파일 만들기 (0) | 2021.10.16 |
게시판 3 기본 html 파일 만들기 (0) | 2021.10.14 |
댓글