jsp 실습

박성현·2024년 4월 29일

Database

목록 보기

22/23

jsp 실습

먼저 프로젝트 작성하기 위해서는 webapp 에서 작업을 실행하여야 한다.

test.html을 만들어서 실행해보자 ! !

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>test.html</h1>
</body>
</html>

결과 :

웹브라우저로 실습해보기

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>test.html</h1>
</body>
</html>

결과 :

자바 소스 대입하여 실습 !

<% %>의 사이에 기존에 실습했었던 자바코드를 넣어주면 된다 !

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
//  자바소스를 사용하기 윌해서는 <%안 에써야함
	String name = "hong";
	String email = "hong@test.com";
%>
<h1>
<%
	out.print(name);
	out.print(email);
%> 
// <%=name%><%=email%>는 위의 <> 와 같음
</h1>
</body>
</html>

결과 :

동적 웹페이지 실습

<%@page import="java.util.Calendar"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
	Calendar today = Calendar.getInstance();
	int dayOfWeek = today.get(Calendar.DAY_OF_WEEK);
	String dayArr[] = {"토","일","월","화","수","목","금"};
%>
<h1>요일 : <%=dayArr[dayOfWeek]%></h1>
</body>
</html>

결과 :

링크 태그를 이용해보기

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
//  자바소스를 사용하기 윌해서는 <%안 에써야함
	String name = "hong";
	String email = "hong@test.com";
%>
<h1>
<h1>
<a href="sum.jsp?a=1&b=10">go Sum</a>
</h1>
</h1>
</body>
</html>

sum.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>oneToTen.jsp</title>
</head>
<body>
<%
	int sum =0;
	int a= 1;
	int b = 10;
	for(int i=1; i<=10; i++) {
		sum+=i;
	}
%>
<%=a %>부터 <%=b %>까지 합은 <%=sum %> 입니다.
</body>
</html>