메뉴 건너뛰기

조회 수 7966 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

목록 페이지 구성을 먼저 해보자. 한번에 다 완성되는 것이 아니라 중간에 개선해 갈 수 있다. 개발에 앞서 테이블 설계된 것을 MySQL 데이터베이스에 테이블이 생성되어 있어야 한다.

 

디렉토리 및 파일 생성

게시판 디렉토리와 목록 페이지, 수정 폼, 등록 폼, 보기, 처리 파일을 만들었다.

 파    일

설   명

   /board/boardList.jsp

   게시판 목록 페이지 

   /board/boardModifyForm.jsp

   게시판 수정 폼 페이지

   /board/boardProcess.jsp

   게시판 처리 (등록, 수정, 삭제)

   /board/boardView.jsp

   게시판 상세 조회 페이지 

   /board/boardWriteForm.jsp

   게시판 등록 폼 페이지 

 

 

 

모든 파일의 기본적인 템플릿

파일의 상단에 선언되는 DTD, 캐릭터셋, HTML 선언부분 공통적인 내용이다. (예시도 목록페이지)

 

    <%@ page language="java" contentType="text/html; charset=UTF-8" 

            pageEncoding="UTF-8"%>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>

    <title>게시판 목록</title>

    </head>

    <body>게시판 목록</body>

    </html>

 

 

 

 

데이터베이스 테이블 생성

MySQL Client 콘솔창으로 스키마를 이용해서 생성할 수도 있다. 하지만 요즘은 다양한 데이터베이스 접속 툴을 이용해서 사용 한다. 접속 툴로는 SQLGate, Toad, SQLYog, Navi, Orange 등 다양하게 많다. 국산용 프로그램이고 개인용은 프리웨어인 SQLGate를 이용해서 생성해보겠다. 이 프로그램은 깔끔한 UI로 손쉽게 익힐 수 있어 많이 사용하고 있다.

 

 

 

회원가입 후 로그인 해야 다운받을 수 있다. (약관동의)

 

 

 

 

특이사항 없이 다음 ~ 다음 ~ 을 통해 설치 한다.

실행해보면 10초를 센 후 사용할 수 있다. 예전엔 안그랬는 데 다 돈 벌기 위한 목적이니 이해해주자.

 

MySQL설치시 입력했던 암호를 작성하고 접속 해보자.

 

 

좌측 메뉴 패널에서 맨 상위 마우스 우측 클릭 후 새 데이터베이스를 생성하자.

 

데이터베이스 명과 캐릭터셋을 설정후 생성!
 

 

 

   콘솔창에선 아래와 같이!

   CREATE DATABASE `stone` CHARACTER SET 'utf8' COLLATE 'utf8_general_ci'

 

 

생성했으면 위에서 접속할 때 mysql 데이터베이스를 "stone"으로 선택해서 접속할 수 있다. 자 이제 테이블을 생성해보자.

 

 

데이터베이스 물리모델링 한 모습을 참고하여 테이블을 생성하도록 하자. (참고)

 

 

 

   콘솔창에선 아래와 같이!

   CREATE TABLE `board` (

      `NUM` int(11) NOT NULL AUTO_INCREMENT COMMENT '번호',

      `SUBJECT` varchar(250) NOT NULL COMMENT '제목',

      `WRITER` varchar(50) NOT NULL COMMENT '작성자',

      `CONTENTS` text COMMENT '내용',

      `HIT` int(11) DEFAULT NULL COMMENT '조회수',

      `IP` varchar(30) NOT NULL COMMENT '아이피',

      `REG_DATE` datetime NOT NULL COMMENT '등록 일시',

      `MOD_DATE` datetime DEFAULT NULL COMMENT '수정 일시',

      PRIMARY KEY (`NUM`),

      UNIQUE KEY `NUM` (`NUM`)

   ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='게시판';

 

 

생성된 테이블 모습

 

 

이렇게 준비는 마무리되었다. 이제 구현 즉, 개발단계로 넘어간다. 


  1. 페이지 화면 이동방식

    Date2019.01.09 Views924
    Read More
  2. MYSQL JSP insert 폼에서 servlet으로 값넘기기

    Date2019.01.09 Views26216
    Read More
  3. MYSQL JSP 연동 &리스트 뽑아오기

    Date2019.01.09 Views4482
    Read More
  4. jsp 웹 멀티업로드 프로그램

    Date2019.01.08 Views1274
    Read More
  5. CentOS(64Bit)에 yum을 이용하여 Apache+Tomcat+JSP 연동

    Date2018.03.28 Views5976
    Read More
  6. JSP 게시판 만들기 - 완료 (소스파일, 의견)

    Date2017.09.12 Views5558
    Read More
  7. JSP 게시판 만들기 - 구현 (마무리, 테스트)

    Date2017.09.12 Views6632
    Read More
  8. JSP 게시판 만들기 - 구현 (파라미터, 요청/응답)

    Date2017.09.12 Views4847
    Read More
  9. JSP 게시판 만들기 - 구현 (Method, Query 기초)

    Date2017.09.12 Views30692
    Read More
  10. JSP 게시판 만들기 - 구현 (MySQL과의 연동)

    Date2017.09.12 Views37937
    Read More
  11. JSP 게시판 만들기 - 구현 (HTML 코딩)

    Date2017.09.12 Views17133
    Read More
  12. JSP 게시판 만들기 - 구현 (디렉토리, 파일, 테이블 생성)

    Date2017.09.12 Views7966
    Read More
  13. JSP 게시판 만들기 - 구현 (웹 프로젝트와 톰켓 연동, 샘플 페이지 작성)

    Date2017.09.12 Views5231
    Read More
  14. JSP 게시판 만들기 - 네이밍, 데이터베이스 설계

    Date2017.09.12 Views5030
    Read More
  15. JSP (Java Server Page), Servlet에 대해

    Date2017.09.12 Views6759
    Read More
  16. JSP 게시판 만들기 - 시스템 아키텍처

    Date2017.09.12 Views4827
    Read More
  17. JSP 게시판 만들기 - 개발표준, 화면설계

    Date2017.09.12 Views6656
    Read More
  18. JSP 게시판 만들기 - 구현 (이클립스 웹 프로젝트 생성)

    Date2017.09.12 Views13481
    Read More
  19. JSP 게시판 만들기 - 구현 (이클립스 웹 프로젝트 생성)

    Date2017.09.12 Views5054
    Read More
  20. request, response

    Date2017.09.12 Views3535
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved