노력과 삽질 퇴적물

JSP: JSP 기초(1) 본문

프로그래밍note/서버 및 통신

JSP: JSP 기초(1)

MTG 2012. 8. 2. 16:11


* 사용환경

-> 이클립스 유노(Eclipse Juno R Packages)

-> 오라클10g 익스프레스 에디션

-> 오라클 JDBC 드라이버 (ojdbc14.jar)

-> easy-quantum-3.0.6 [공식 홈페이지] [이클립스 플러그인 페이지]

-> 톰캣 6.0.35 32-bit Windows zip (Installer보단 zip을 권장)






00. 기본이론 및 보충자료

http://blog.naver.com/b1ack7circ1e/10058141059

http://blog.naver.com/b1ack7circ1e/10059087173


 1. 주의사항

<%-- JSP식 주석문 --%> <!-- HTML식 주석문 -->






압축을 해제한 톰캣의 lib폴더에서 servlet-api.jar파일을 복사한다.


C:\Program Files\Java\jdk1.7.0_04\jre\lib\ext등의 경로에 servlet-api.jar파일을 붙여 넣는다.


(JAVA EE) 메뉴바에서 Windows-Preference를 선택합니다.


그리고 서버-실행환경으로 서버를 선택합니다.

다운받은게 6.XX이기 떄문에 버전6으로 합니다.


톰캣폴더까지만 찾아서 선택한후,

확인을 누르시면 됩니다.






02. DB 연동, 오라클 10g

 01. 드라이버파일 복사

C:\Program Files\Java\jdk1.7.0_05\jre\lib\ext에 오라클 JDBC 드라이버 (ojdbc14.jar) 파일을 복사한다.




 02. 퀀텀(Quantum)설치

 [DB: 오라클 기초 (1), 01. 오라클관련 플러그인 설치] 참조




 03. 이클립스에 연결 

 [DB: 오라클 기초 (1), 02. 오라클 드라이버] 참조






03. JSP 기본태그 및 사용법

 1. 주요태그

<%@ page language="java" contentType="text/html;

charset=UTF-8" pageEncoding="UTF-8"%>

<%@page import="java.net.*"%>


<%--jsp선언문--%>

<%!

String str = "JSP ";

... ...

%>


<html>

<head>

<title>(getSession)</title>

</head>

<body>

<%--jsp표현문--%>

<%=str%><br>

... ...



<%

<%--jsp표현식--%>

int count = 0;

for(int i = 0; i < 10; i++)

{ count++; }

%>

</body>

</html>

<%@ page language="java" contentType="text/html;

charset=UTF-8" pageEncoding="UTF-8"%>


<%--jsp선언문--%>

<jsp:declaration>

String str = "JSP ";

... ...

</jsp:declaration>


<html>

<head>

<title>(getSession)</title>

</head>

<body>

<%--jsp표현문--%>

<jsp:expression>

str

</jsp:expression>

... ...


<jsp:scriptlet>

<%--jsp표현식--%>

int count = 0;

for(int i = 0; i < 10; i++)

{ count++; }

</jsp:scriptlet>

</body>

</html>




 2. 소스파일 분할 및 연결

... ...

<html>

<head>

<link href="externalStyle01.css" type="text/css" rel="stylesheet"/> <!--스타일시트를 JSP에 연결-->

<link href="externalStyle02.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="externalJavaSrc01.js"/> <!--자바스트립트를 JSP에 연결-->

<script type="text/javascript" src="externalJavaSrc02.js"/>

... ...

</head>


<body>

<%

String address="대한민국";

String phone = "010-123-4567";

%>


<!--외부 소스파일 페이지 연결예시-->

<jsp:include page="externalSrc01.jsp" /> <!--주로 top.jsp/bottom.jsp등에 활용-->

<jsp:include page="externalSrc02.jsp"> <!--연결된 소스페이지에 값을 넘길수 있다.-->

<jsp:param value="<%=address %>" name="address"/>

<jsp:param value="<%=phone %>" name="phone"/>

</jsp:include>

<form method="post" action="externalSrc03.jsp"> <!--form내 값들이 한꺼번에 전달할수 있는 방식-->

<input type="submit" value="보내기"/>

</form>


<a href="javascript:jsSrc01_func()">JS파일내 함수 실행1</a>

<a href="javascript:jsSrc02_func()">JS파일내 함수 실행2</a>

... ...

</body>

</html>




 3. include와 forward의 차이

<jsp:include page="result_include.jsp">

<jsp:param name="message" value="<%=message %>"/>

</jsp:include>

<jsp:forward page="result_forward.jsp">

<jsp:param name="message" value="<%=message %>"/>

</jsp:forward>




* useBean은 MVC1까지 쓰인 방법이라서 존재만 알고 넘길것으로 권장되고 있다.