연월일만 나타나게 하고 싶다
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
을 추가 한뒤에
날짜 부분을 이렇게 바꾼다음 실행 하면 오류가 난다
Date 타입을 요구한단다
그러면 vo에 있는 멤버변수를 date 로 하면 된당
그리도 getter setter도 다시 만듬
그리고 다시 실행
잘나온당
그다음 등록페이지 추가
음 잘가는걸알수 있다 그다음 컨트롤러를 만들자
음 잘간다
register.jsp 만들자
부트스트랩 붙여넣기
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Panel Heading</h2>
<div class="panel panel-default">
<div class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel Content</div>
</div>
</div>
</body>
</html>
완성된 프론트단 register.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Board Register</h2>
<div class="panel panel-default">
<div class="panel-heading">게시물쓰기</div>
<div class="panel-body">
<form action="<c:url value='/register.do'/>" method="post"> <!-- action 속성 끝에 '>' 추가 -->
<div class="form-group">
<label for="title">Title</label>
<input type="text" class="form-control" id="title" placeholder="글 제목" name="title">
</div>
<div class="form-group">
<label for="contents">Text Area</label>
<textarea class="form-control" rows="5" id="contents" name="contents"></textarea>
</div>
<div class="form-group">
<label for="writer">Writer</label>
<input type="text" class="form-control" id="writer" placeholder="글쓴이" name="writer"> <!-- id 중복 제거 -->
</div>
<button type="submit" class="btn btn-default">등록</button>
<button type="reset" class="btn btn-default">취소</button>
</form>
</div>
</div>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Board Register</h2>
<div class="panel panel-default">
<div class="panel-heading">게시물쓰기</div>
<div class="panel-body">
<form action="<c:url value='/register.do'/>" method="post"> <!-- action 속성 끝에 '>' 추가 -->
<div class="form-group">
<label for="title">Title</label>
<input type="text" class="form-control" id="title" placeholder="글 제목" name="title">
</div>
<div class="form-group">
<label for="contents">Text Area</label>
<textarea class="form-control" rows="5" id="contents" name="contents"></textarea>
</div>
<div class="form-group">
<label for="writer">Writer</label>
<input type="text" class="form-control" id="writer" placeholder="글쓴이" name="writer"> <!-- id 중복 제거 -->
</div>
<button type="submit" class="btn btn-default">등록</button>
<button type="reset" class="btn btn-default">취소</button>
</form>
</div>
</div>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Board Register</h2>
<div class="panel panel-default">
<div class="panel-heading">게시물쓰기</div>
<div class="panel-body">
<form action="<c:url value='/register.do'/>" method="post"> <!-- action 속성 끝에 '>' 추가 -->
<div class="form-group">
<label for="title">Title</label>
<input type="text" class="form-control" id="title" placeholder="글 제목" name="title">
</div>
<div class="form-group">
<label for="contents">Text Area</label>
<textarea class="form-control" rows="5" id="contents" name="contents"></textarea>
</div>
<div class="form-group">
<label for="writer">Writer</label>
<input type="text" class="form-control" id="writer" placeholder="글쓴이" name="writer"> <!-- id 중복 제거 -->
</div>
<button type="submit" class="btn btn-default">등록</button>
<button type="reset" class="btn btn-default">취소</button>
</form>
</div>
</div>
</div>
</body>
</html>
결과물
'spring framework 인프런강의' 카테고리의 다른 글
| Spring WEB MVC03게시판 웹 계층 구현하기(수정 페이지 구현) (0) | 2024.10.24 |
|---|---|
| Spring WEB MVC03 게시판 웹 계층 구현하기(등록 및 조회 구현) (0) | 2024.10.23 |
| Spring WEB MVC03게시판 웹 계층 구현하기(리스트 보기 구현) (0) | 2024.10.23 |
| Spring WEB MVC03 게시판 서비스 계층 구현하기 (0) | 2024.10.23 |
| Spring WEB MVC03 게시판 영속계층 구현하기(Mapper Interface+ XML) (2) | 2024.10.23 |
