본문 바로가기

DATA BASE

JSP(JavaServer Pages) 맛보기

클라이언트 -> 브라우저에서 하고 디버깅(실행시키고 고치고)도 한다 (tool에서는 편집만)
HTML -> 구조(structure)
CSS -> 스타일, "디자인"
Javascript -> html, css를 동작(event)제어

서버
php 단독
asp(net) 단독, 너무 오래되서 이제 안씀 못씀..
Jsp + Java으로 쓰임. 그래서 강력. Java 1.bean 2. Servlet
JSP=Java문법 + 알파

확장자 .jsp인데 안에 코드를 보고 html인지 어떤 건지 개발자가 알아야지

클라이언트에서도 제어하고 서버에서도 제어하는데 서버의 부담을 더는게 좋아요.
꼭 서버에 가지고 있어야 하는 부분은 보안이 필요한 부분들이나.....

 

 

 

* Web Server -Apache Tomcat

* Dynamic Web - Java

 

"아파치 톰켓" 구글하면 영어 사이트 나옵니다.

왼쪽 메뉴에 Download 에 너무 좋은 버전 쓸 필요 없어요.

8.5.54 설치.

 

 

 

 

ojdbc.jar 을 벌써 이미 가지고 있다면 아래와 같이 찾아요.

아래와 같이 lib파일에 복붙!

 

 

 서버 연동 파일 설치

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* 서버 구축 완료

서버창

 

포트도 확인

 

 

서버 연결 끊거나 다시 하거나

 

 

서버는 웹을 돌리기 위한 플렛폼

웹브라우저도 플렛폼 클라우드 플렛폼. 

 

<% 이렇게 시작해서 코드 적는거는 jsp코드!! 닫힐때도 이렇게!! %>

 

 

 

 

 

 

 

 

 

 

 

jsp파일 만들기 : booklist_web 생성

 

test.jsp 실행

아래에 결과

 

다른 브라우저에서 열기

 

아래에 결과


 booklist / bookview 오라클 연동

오라클 라이브러리 설정

 

booklist.jsp

 

<%@ page import = "java.sql.*" contentType = "text/html;charset=EUC-KR"%>
<%
Class.forName("oracle.jdbc.driver.OracleDriver");
String url = "jdbc:oracle:thin:@localhost:1521:xe";
Connection dbconn = DriverManager.getConnection(url, "c##madang", "c##madang");
Statement stmt = dbconn.createStatement();
ResultSet myResultSet = stmt.executeQuery("SELECT * FROM Book");
%>
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>** BOOK LIST**</title>
</head>

<body bgcolor = "white" text = "black" link = "blue" vlink = "purple" alink = "red">
<table border = "1" cellspacing = "0" width = "400" bordercolor = "#9AD2F7"
			bordercolordark = "white" bordercolorlight = "#B9E0FA">
		<tr> 
			<td width = "150" height = "20" bgcolor = "#D2E9F9">
				<p align = "center">
				<span style = "font-size : 8pt;"><b>BOOKNAME</b></span></p>
			</td>
			<td width = "150" height = "20" bgcolor = "#D2E9F9">
				<p align = "center">
				<span style = "font-size : 8pt;"><b>PUBLISHER</b></span></p>
			</td>
			<td width = "50" height = "20" bgcolor = "#D2E9F9">
				<p align = "center">
				<span style = "font-size : 8pt;"><b>PRICE</b></span></p>
			</td>
		</tr>
<%
if(myResultSet != null) {
	while(myResultSet.next()){
		String W_BOOKID = myResultSet.getString("bookid");
		String W_BOOKNAME = myResultSet.getString("bookname");
		String W_PUBLISHER = myResultSet.getString("publisher");
		String W_PRICE = myResultSet.getString("price");
%>
	<tr>
		<td width = "150" height = "20">
			<p><span style = "font-size : 9pt;">
			<a href="bookview.jsp?bookid=<%=W_BOOKID%>">
			<font face = "돋움체" color = "black">
			<%=W_BOOKNAME%></font></a></span></p>
		</td>
		<td width = "150" height = "20">
			<p align = "center"><span style = "font-size : 9pt;">
			<font face = "돋움체"><%=W_PUBLISHER %></font></span></p>
		</td>
		
		<td width = "50" height = "20">
			<p align = "center"><span style = "font-size : 9pt;">
			<font face = "돋움체"><%=W_PRICE %></font></span></p>
		</td>
	</tr>
<%
		}
	}
	stmt.close();
	dbconn.close();
%>
</table>
<table cellpadding = "0" cellspacing = "0" width = "400" height = "23">
	<tr>
		<td width = "1350">
			<p align = "right"><b>
			<font size = "1" face = "돋움체" color = "black">LIST</b></p>
		</td>
	</tr>
</table>
</body>
</html>

 

bookview.jsp

 

<%@ page import="java.sql.*" contentType="text/html;charset=EUC-KR"%>
<%
Class.forName("oracle.jdbc.driver.OracleDriver");
String url="jdbc:oracle:thin:@localhost:1521:xe";
	/* 11g express edition은 orcl 대신 XE를 입력한다. */
Connection dbconn=DriverManager.getConnection(url, "c##madang","c##madang");
Statement stmt = dbconn.createStatement();
String bookid=request.getParameter("bookid");
ResultSet myResultSet=stmt.executeQuery("SELECT * FROM Book WHERE bookid='"+bookid+"'");
if(myResultSet != null) {
	myResultSet.next();
%>
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc=kr">
<title>** Book VIEW **</title>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="1" cellspacing="0" width="400" bordercolor="#9AD2F7"
		bordercolordark="white" bordercolorlight="#B9E0FA">
	<tr> 
		<td width = "150" height = "23">
			<p align = "center">
			<span style = "font-size : 9pt;">책 제 목</span></p>
		</td>
		<td width = "513">
			<p><span style = "font-size : 9pt;">
			<%=myResultSet.getString("BOOKNAME")%></span></p>
		</td>
	</tr>
	<tr>
		<td width = "150" height = "23">
			<p align = "center">
			<span style = "font-size : 9pt;">출 판 사</span></p>
		</td>
		<td width = "513">
			<p><span style = "font-size : 9pt;">
			<%=myResultSet.getString("PUBLISHER")%></span></p>
		</td>
	</tr>
	<tr>
		<td width = "150" height = "23">
			<p align = "center">
			<span style = "font-size : 9pt;">가 격</span></p>
		</td>
		<td width = "513">
			<p><span style = "font-size : 9pt;">
			<%=myResultSet.getString("PRICE")%></span></p>
		</td>
		</tr>
</table>
<table cellpadding="0" cellspacing="0" width="400" height="23">
	<tr>
	<td width = "150">
		<p align="right"><span style = "font-size : 9pt;">
		<a href="booklist.jsp?">
		<font color="black">목록</font></a></span></p>	
	</td>
	</tr>
</table>
<%
	}
	stmt.close();
	dbconn.close();
%>
</body>
</html>

 

 

책 제목 마우스 누르면 아래 화면과 같이 페이지 넘어감.