Hong JunYi

Hong JunYi

준이의 개발 블로그

공부한 것들 기록하는 공간

JAVA - 22

Date:     Updated:

카테고리:

태그:

img

Oracle 데이터베이스에 연결하기 2 // jsp 사용

index.jsp

  1. 페이지 디렉티브(Directive):
    • <%@ page %> 태그를 사용하여 JSP 페이지의 속성을 지정합니다. 예를 들어, language, contentType, pageEncoding 등을 설정합니다.
  2. HTML 마크업:
    • <html>, <head>, <body> 태그 등을 사용하여 HTML 문서의 구조를 정의합니다. <meta> 태그는 문자 인코딩을 설정하고, <title> 태그는 페이지 제목을 설정합니다.
    • <link> 태그를 사용하여 외부 스타일시트를 가져옵니다. 이 예제에서는 Bootstrap 4 스타일시트를 CDN 방식으로 가져와 사용합니다.
  3. 스크립트릿(Scriptlet):
    • <% %> 사이에 자바 코드를 작성합니다. 스크립트릿은 서버 측에서 실행되는 코드로, HTML 문서 내에서 동적인 작업을 수행할 수 있습니다.
    • 스크립트릿에서는 문자열 변수를 선언하고 초기화한 후, 해당 변수를 출력하는 등의 작업을 수행합니다. 또한, 현재 시간을 가져와 AM/PM 형식으로 표시합니다.
  4. 서블릿 인클루드(Servlet Include):
    • <%@ include %> 디렉티브를 사용하여 다른 JSP 파일을 현재 페이지에 포함시킵니다. 이 예제에서는 “DataTable_Jdbc.jsp”와 “footer.jsp” 파일을 포함시킵니다. 포함된 파일의 내용이 현재 페이지에 삽입되어 최종 HTML 출력에 포함됩니다.

위의 코드는 웹 페이지의 상단에는 “Data_Table”이라는 제목을 갖는 큰 제목(heading)과 “테이블 형식으로 데이터 가져오기 연습장”이라는 소제목(subtitle)이 표시됩니다. 그 아래에는 현재 시각과 관련된 내용이 표시되며, 마지막으로 “DataTable_Jdbc.jsp” 파일의 내용과 “footer.jsp” 파일의 내용이 각각 포함됩니다.

Footer.jsp

  1. 페이지 디렉티브(Directive):
    • <%@ page %> 태그를 사용하여 JSP 페이지의 속성을 지정합니다. 예를 들어, language, contentType, pageEncoding 등을 설정합니다.
  2. HTML 마크업:
    • <html>, <head>, <body> 태그 등을 사용하여 HTML 문서의 구조를 정의합니다. <meta> 태그는 문자 인코딩을 설정하고, <title> 태그는 페이지 제목을 설정합니다.
    • <link> 태그를 사용하여 외부 스타일시트를 가져옵니다. 이 예제에서는 Bootstrap 4 스타일시트를 CDN 방식으로 가져와 사용합니다.
  3. 네비게이션 바(Navbar):
    • Bootstrap의 navbar 클래스를 사용하여 네비게이션 바를 생성합니다.
    • 네비게이션 바의 배경색과 글자색은 navbar-dark bg-dark 클래스를 사용하여 어둡게 설정합니다.
    • <a> 태그를 사용하여 “Home” 링크를 생성하고, 해당 링크를 클릭하면 “Solution_jdbc/welcome01.jsp” 페이지로 이동합니다.
  4. 푸터(Footer):
    • <footer> 태그를 사용하여 페이지 하단에 푸터를 생성합니다.
    • 푸터 내부에는 간단한 텍스트를 출력합니다. 이 예제에서는 “WebMarket”이라는 텍스트와 저작권 정보를 표시합니다.

위의 코드는 네비게이션 바와 푸터를 포함한 간단한 웹 페이지의 기본 구조를 보여줍니다. 네비게이션 바를 클릭하면 “Solution_jdbc/welcome01.jsp” 페이지로 이동하도록 설정되어 있습니다. 푸터는 웹 페이지의 하단에 위치하며, 회사명이나 저작권 정보와 같은 내용을 표시하는 데 사용됩니다.

DataTable_Jdbc.jsp

JSP 페이지는 데이터베이스 작업을 위해 java.sql 패키지를 가져옵니다.

HTML 및 CSS 코드는 DataTable의 구조와 스타일을 정의합니다.

JavaScript 코드에는 jQuery와 DataTables 라이브러리 스크립트가 포함되어 있습니다. 이 코드는 id가 “example”인 DataTable을 초기화하고 페이징을 비활성화합니다.

Java 코드는 JDBC를 사용하여 데이터베이스에 연결하고 연결 정보 (URL, 사용자 이름, 비밀번호)를 설정합니다.

Java 코드 블록 내에서는 user_tables 테이블에서 SELECT 쿼리를 사용하여 “INFORMATION”이라는 테이블의 존재 여부를 확인합니다.

테이블이 존재하지 않는 경우 (tableCount == 0), CREATE TABLE 쿼리가 실행되어 “information”이라는 이름의 테이블과 지정된 열이 생성됩니다.

테이블을 생성한 후에는 INSERT 쿼리를 준비하여 데이터를 테이블에 삽입합니다. 데이터는 행과 열 값이 포함된 이차원 배열 tableData에 정의됩니다.

데이터는 tableData 배열을 순환하는 루프를 사용하여 테이블에 삽입됩니다.

결과화면 :

  • index.jsp
Image description
  • SQL Developer
Image description
Image description

java 카테고리 내 다른 글 보러가기

댓글 남기기

최근 글 5 개