Be a groovy man by positive thinking
JSP_01_JSP시작 본문
1. 이클립스에서 한글이 깨질때 설정방법
[Window -> Preferences -> Web -> JSP Files -<변경>-> ISO 10646/Unicode(UTF-8)]
2. 톰캣에 저장될 때의 구조
프로젝트명/WEB-INF/web.xml
프로젝트명/WEB-INF/classes / xxx.class가 여기에 저장된다.
프로젝트명/WEB-INF/lib /xxx.jar가 저장된다.[오라클 jdbc드라이버 등..]
프로젝트명/t1.jsp, t2.html, t3.css, t4.js
[따로따로 저장하려고 하면..jsp 구조]
프로젝트명/jsp/t1.jsp
프로젝트명/css/t3.css
프로젝트명/js/t4.js
3. 이클립스에서 jsp파일 실행하기
http://IP주소:톰캣포트번호/프로젝트명/jsp파일이름.jsp
4. 스크립트릿(<% %>) -->
- 톰캣만 해석 가능한 부분
5. jsp태그 6개 (종류)
1) <% %> --> 스크립트릿(메인메서드라고 생각 하면 됨!!)
2)<%= %> --> 표현식
3) <%! %> --> 선언부
4) <%-- --%> --> 주석문
5) <%@ %>
--> <%@page %>, <%@include %>, <%@taglib %>
페이지 지시자(page디렉티브)
6) <jsp:액션태그> -->
</jsp:액션태그> -->
6. jsp내장객체(9개)
request
response
pageContext
session
application
config
out
page
Exception
예문
Ex_01 2단을 스크립트릿(<% %>)으로 작성하시오
Sol_01
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
for (int dan = 1; dan < 10; dan++) {
out.println("2" + " * " + dan + " = " + 2 * dan+"<br>");
}
%>
</body>
</html>
Ex_02 request객체를 이용하여 a는 100 b는 200이 출력되게 하시오
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%= request.getParameter("a") %><br>
<%= request.getParameter("b") %><br>
</body>
</html>
Sol_02
톰캣을 실행한 후 인터넷 창에 http://localhost:8080/프로젝트명/jsp이름.jsp?a=100&b=200
Sy
http://localhost:설정된포트번호/프로젝트명/jsp이름.jsp?이름=값&이름=값...
Ex_03 http://localhost:설정된포트번호/프로젝트명/jsp이름.jsp?a=100&b=200을 넣어 결과값으로 300이 나오게 하시오
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String v1=request.getParameter("a");
String v2=request.getParameter("b");
out.println();
out.println();
%>
</body>
</html>
Sol_03
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
int v1 = Integer.parseInt(request.getParameter("a"));
int v2 = Integer.parseInt(request.getParameter("b"));
out.println(v1 + v2);
%>
</body>
</html>
Ex_04 다음 out.println부분을 <%= %>으로 바꾸시오
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
for (int dan = 1; dan < 10; dan++) {
out.println("2" + " * " + dan + " = " + 2 * dan+"<br>");
}
%>
</body>
</html>
Sol_04
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
for (int dan = 1; dan < 10; dan++) {
%>
<%= ("2" + " * " + dan + " = " + 2 * dan + "<br>")%>
<%
}
%>
</body>
</html>
Ex_05 http://localhost:설정된포트번호/프로젝트명/jsp이름.jsp?dan=숫자를 넣어 결과값으로 숫자에 해당하는 단이 나오게 하시오
Sol_05_1
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<% int dan=Integer.parseInt(request.getParameter("dan")); %>
<%
out.println(" : : "+dan+"단 : : <br>");
for (int a = 1; a < 10; a++) {
%>
<%=(dan + " * " + a + " = " + dan * a + "<br>")%>
<%
}
%>
</body>
</html>
Sol_05_2
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<body>
<%
int dan=Integer.parseInt(request.getParameter("dan"));
for(int a=1; a<10; a++){
out.println(dan+"*"+a+"="+dan*a+"<br/>");
}
%>
</body>
</html>
Ex_06 http://localhost:설정된포트번호/프로젝트명/ex.jsp?id=aa&pw=bb를 누르면 회원정보와 ID, PW가 뜨게 하시오
Sol_06
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String v1 = request.getParameter("id");
String v2 = request.getParameter("pw");
out.write("::회 원 정 보::" + "<br/>");
out.write("ID :" + v1 + "<br/>");
out.write("PW :" + v2);
%>
</body>
</html>
Ex_07 문서연결 1을 누르면 100과 200이 출력되게 하시오
ex1.jsp
===========
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<body>
<a href="ex2.jsp?a=100&b=200">문서연결1</a>
</body>
</html>
Sol_07
ex2.jsp
===========
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%=request.getParameter("a")%><br>
<%=request.getParameter("b")%>
</body>
</html>
Ex_08 주석 처리부분을 for문으로 변경하시오
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String[] array1 = { "a.jsp", "b.jsp", "c.jsp" };
String[] array2 = { "aa", "bb", "cc" };
%>
<!--
<a href="a.jsp?param=aa">연결1</a><br/>
<a href="b.jsp?param=bb">연결2</a><br/>
<a href="c.jsp?param=cc">연결3</a><br/>
-->
</body>
</html>
Sol_08
an_1.jsp
========
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String[] array1 = { "a.jsp", "b.jsp", "c.jsp" };
String[] array2 = { "aa", "bb", "cc" };
%>
<%
for (int i = 0; i < 3; i++) {
%>
<a href="<%=array1[i]%>?param=<%=array2[i]%>">연결<%=(i + 1)%></a>
<br />
<%
}
%>
</body>
</html>
an_2.jsp
========
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String[] array1 = { "a.jsp", "b.jsp", "c.jsp" };
String[] array2 = { "aa", "bb", "cc" };
for (int i = 0; i < 3; i++) {
out.println("<a href=" + array1[i] + "?param=" + array2[i] + ">"+
"연결" + (i + 1) + "</a><br/>");
}
%>
</body>
</html>
'IT > JSP' 카테고리의 다른 글
| JSP_04_DB연동, MemberDAO 이용 (0) | 2017.07.13 |
|---|---|
| JSP_03_DB연동 (0) | 2017.07.09 |
| JSP_02_request객체들 (0) | 2017.07.07 |
