[JSP] 24. JSP와 HTML을 사용해 인사말 생성기 만들기

2024년 07월 04일

Song hyun
작성자
2024.07.04.:52

728x90

[JSP] 24. 인사말 생성기 만들기

1. HTML 폼 생성하기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>인사말 생성기</h1>
	<!-- 절대 경로 -->
	<!-- 상대 경로 -->
	<!-- 내 기준에서 찾아가는 것 = 상대 경로 -->
	<form action="views/greet2.jsp" method="POST">	
		<label for="name">당신의 이름을 입력하세요 : </label>
		<input type="text" id="name" name="name" required="required">	
		<button type="submit">서버로 제출</button>
	</form>
</body>
</html>

2. JSP 파일과 연결하기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>인사말 생성기</h1>
	<!-- 절대 경로 -->
	<!-- 상대 경로 -->
	<!-- 내 기준에서 찾아가는 것 = 상대 경로 -->
	<form action="greet.jsp" method="POST">	
		<label for="name">당신의 이름을 입력하세요 : </label>
		<input type="text" id="name" name="name" required="required">	
		<button type="submit">서버로 제출</button>
	</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- JSP 페이지의 설정을 정의하는 지시자 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>인사말을 완성하였습니다.</h1>
	<%
		// 자바 실행 코드 (=스크립트릿)
		// request 객체에서 값 추출하기
		String name=request.getParameter("name");
		if(name==null || name.trim().isEmpty()){
			out.println("<p> 앗! 당신의 이름을 먼저 입력해주세요. </p>");
		} else {
			out.println("<p>반가워, "+name+"! 나의 JSP Site에 잘 왔어~ 환영~ 방가방가</p>");
		}
	%>
	
	<!-- 다시 이전 페이지로(또는 특정 페이지로) 이동 처리 (=뒤로 가기)-->
	<a href="greet_from_page.html">Back</a>
	
	
</body>
</html>

728x90

'JSP > 기본 이론' 카테고리의 다른 글

[JSP] 26. JSP 주석과 지시자 (0)	2024.07.04
[JSP] 25. JSP와 HTML을 사용해 계산기 만들기 (0)	2024.07.04
[JSP] 23. JSP 기초 문법 (0)	2024.07.03
[JSP] 22. JSP 라이프 사이클 (0)	2024.07.03
[JSP] 21. JSP의 개념과 역할 (0)	2024.07.03

다음 글이 없습니다.

이전 글이 없습니다.

[JSP] 24. 인사말 생성기 만들기

'JSP > 기본 이론' 카테고리의 다른 글

티스토리툴바