Light Purple Pointer
728x90

BoardController

package com.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/board")
public class BoardController {
	
	@GetMapping("/main")
	public String main() {
		return "board/main";
	}

	@GetMapping("/read")
	public String read() {
		return "board/read";
	}
	
	@GetMapping("/write")
	public String write() {
		return "board/write";
	}
	
	@GetMapping("/modify")
	public String modify() {
		return "board/modify";
	}
	
	@GetMapping("/delete")
	public String delete() {
		return "board/delete";
	}
}

 

 

 

 

๋ฏธ๋ฆฌ๋งŒ๋“ค์–ด ๋‘” html jsp๋กœ ๋งŒ๋“ค๊ธฐ

 

 

 

 

modify.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="root" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- ์ƒ๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/menu.jsp" />

	<div class="container" style="margin-top: 100px">
		<div class="row">
			<div class="col-sm-3"></div>
			<div class="col-sm-6">
				<div class="card shadow">
					<div class="card-body">
						<form action="board_modify.html" method="post">
							<div class="form-group">
								<label for="board_writer_name">์ž‘์„ฑ์ž</label> <input type="text"
									id="board_writer_name" name="board_writer_name"
									class="form-control" value="ํ™๊ธธ๋™" disabled="disabled" />
							</div>
							<div class="form-group">
								<label for="board_date">์ž‘์„ฑ๋‚ ์งœ</label> <input type="text"
									id="board_date" name="board_date" class="form-control"
									value="2018-7-20" disabled="disabled" />
							</div>
							<div class="form-group">
								<label for="board_subject">์ œ๋ชฉ</label> <input type="text"
									id="board_subject" name="board_subject" class="form-control"
									value="์ œ๋ชฉ์ž…๋‹ˆ๋‹ค" />
							</div>
							<div class="form-group">
								<label for="board_content">๋‚ด์šฉ</label>
								<textarea id="board_content" name="board_content"
									class="form-control" rows="10" style="resize: none">๋ณธ๋ฌธ์ž…๋‹ˆ๋‹ค</textarea>
							</div>
							<div class="form-group">
								<label for="board_file">์ฒจ๋ถ€ ์ด๋ฏธ์ง€</label> <img src="image/logo.png"
									width="100%" /> <input type="file" name="board_file"
									id="board_file" class="form-control" accept="image/*" />
							</div>
							<div class="form-group">
								<div class="text-right">
									<button type="submit" class="btn btn-primary">์ˆ˜์ •์™„๋ฃŒ</button>
									<a href="board_read.html" class="btn btn-info">์ทจ์†Œ</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="col-sm-3"></div>
		</div>
	</div>



	<!-- ํ•˜๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/footer.jsp" />
</body>
</html>

 

 

 

read.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="root" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- ์ƒ๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/menu.jsp" />
	<div class="container" style="margin-top: 100px">
		<div class="row">
			<div class="col-sm-3"></div>
			<div class="col-sm-6">
				<div class="card shadow">
					<div class="card-body">
						<div class="form-group">
							<label for="board_writer_name">์ž‘์„ฑ์ž</label> <input type="text"
								id="board_writer_name" name="board_writer_name"
								class="form-control" value="ํ™๊ธธ๋™" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_date">์ž‘์„ฑ๋‚ ์งœ</label> <input type="text"
								id="board_date" name="board_date" class="form-control"
								value="2018-7-20" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_subject">์ œ๋ชฉ</label> <input type="text"
								id="board_subject" name="board_subject" class="form-control"
								value="์ œ๋ชฉ์ž…๋‹ˆ๋‹ค" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_content">๋‚ด์šฉ</label>
							<textarea id="board_content" name="board_content"
								class="form-control" rows="10" style="resize: none"
								disabled="disabled">๋ณธ๋ฌธ์ž…๋‹ˆ๋‹ค</textarea>
						</div>
						<div class="form-group">
							<label for="board_file">์ฒจ๋ถ€ ์ด๋ฏธ์ง€</label> <img
								src="${root}/resources/image/logo.png" width="100%" />
						</div>
						<div class="form-group">
							<div class="text-right">
								<a href="board_main.html" class="btn btn-primary">๋ชฉ๋ก๋ณด๊ธฐ</a> <a
									href="board_modify.html" class="btn btn-info">์ˆ˜์ •ํ•˜๊ธฐ</a> <a
									href="board_main.html" class="btn btn-danger">์‚ญ์ œํ•˜๊ธฐ</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3"></div>
		</div>
	</div>



	<!-- ํ•˜๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/footer.jsp" />
</body>
</html>

 

 

write.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="root" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- ์ƒ๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/menu.jsp" />
	<div class="container" style="margin-top: 100px">
		<div class="row">
			<div class="col-sm-3"></div>
			<div class="col-sm-6">
				<div class="card shadow">
					<div class="card-body">
						<div class="form-group">
							<label for="board_writer_name">์ž‘์„ฑ์ž</label> <input type="text"
								id="board_writer_name" name="board_writer_name"
								class="form-control" value="ํ™๊ธธ๋™" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_date">์ž‘์„ฑ๋‚ ์งœ</label> <input type="text"
								id="board_date" name="board_date" class="form-control"
								value="2018-7-20" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_subject">์ œ๋ชฉ</label> <input type="text"
								id="board_subject" name="board_subject" class="form-control"
								value="์ œ๋ชฉ์ž…๋‹ˆ๋‹ค" disabled="disabled" />
						</div>
						<div class="form-group">
							<label for="board_content">๋‚ด์šฉ</label>
							<textarea id="board_content" name="board_content"
								class="form-control" rows="10" style="resize: none"
								disabled="disabled">๋ณธ๋ฌธ์ž…๋‹ˆ๋‹ค</textarea>
						</div>
						<div class="form-group">
							<label for="board_file">์ฒจ๋ถ€ ์ด๋ฏธ์ง€</label> <img
								src="${root}/resources/image/logo.png" width="100%" />
						</div>
						<div class="form-group">
							<div class="text-right">
								<a href="board_main.html" class="btn btn-primary">๋ชฉ๋ก๋ณด๊ธฐ</a> <a
									href="board_modify.html" class="btn btn-info">์ˆ˜์ •ํ•˜๊ธฐ</a> <a
									href="board_main.html" class="btn btn-danger">์‚ญ์ œํ•˜๊ธฐ</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3"></div>
		</div>
	</div>



	<!-- ํ•˜๋‹จ ๋ฉ”๋‰ด ๋ถ€๋ถ„ -->
	<c:import url="/WEB-INF/views/include/footer.jsp" />
</body>
</html>

 

delete.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="root" value="${pageContext.request.contextPath}"/>
<script>
	alert('์‚ญ์ œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค')
	location.href='${root}board/main'
</script>

 

 

 

 

 

 

 

 

ํ…Œ์ŠคํŠธ

 

 

 

 

 

 

 

 

 

 

์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ 

 

 

์ด๋ฏธ์ง€ ํด๋”๋ฅผ resources  ํด๋”์— ๋„ฃ์Œ

 

mapping์ฃผ์†Œ๋ฅผ  "/**"๋กœ ๋ณ€๊ฒฝ

 

 

resourcesํด๋”์•ˆ์— ์žˆ๋Š” image์—์„œ ์ฐพ์Œ 

 

 

 

 

ํ…Œ์ŠคํŠธํ•˜๊ธฐ 

 

 

 

 

 

 

index.jsp์—์„œ 

๋”๋ณด๊ธฐ ๋ˆŒ๋ €์„ ๊ฒฝ์šฐ board/main์œผ๋กœ ์ด๋™ํ•˜๊ฒŒ ๊ฒฝ๋กœ ์„ค์ •ํ•ด์คŒ

 

 

 

 

๋”๋ณด๊ธฐ(mainํŽ˜์ด์ง€) ์—์„œ ๊ธ€์“ฐ๊ธฐ ๋ˆ„๋ฅด๋ฉด ๊ธ€์“ฐ๊ธฐ(  board/wirte )๋กœ ์ด๋™ํ•˜๊ฒŒ๋” ๊ฒฝ๋กœ ์ˆ˜์ •

 

 

 

 

read.jsp์—์„œ ๋ชฉ๋ก/ ์ˆ˜์ •/์‚ญ์ œ ๋ฒ„ํŠผ์—๋„ ๋งํฌ ์ˆ˜์ •ํ•ด์ฃผ๊ธฐ 

.

delete.jsp

 

728x90

'BACKEND > Spring' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ 2- VO์ƒ์„ฑ ๋ฐ MyBatis ์„ค์ • , ์ธํ„ฐ์…‰ํ„ฐ ์„ค์ •  (0) 2023.10.26
๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ 2 - ํ…Œ์ด๋ธ” ๋งŒ๋“ค๊ธฐ(DB)  (1) 2023.10.26
๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ 2 - context path, user(login,logout,modify,join.jsp)  (1) 2023.10.26
๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ 2 - ๊ธฐ๋ณธ ์„ค์ • ๋ฐ include(nav,footer ๋ถ„๋ฆฌ)  (0) 2023.10.26
๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ 2 - MVC์˜ ๊ตฌ์กฐ  (0) 2023.10.26
ใ„ด

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”