공부/JSP 혼공

7. [게시판 실습] 데이터베이스와 입력 폼 만들기

마준123 2023. 3. 25. 04:46

1. 데이터베이스 만들기

우선 오라클을 사용하기위해 터미널에서 sqlplus를 입력하고 엔터를 누릅니다.

system으로 접속하여 새로운 계정을 만들고 권한을줍니다.

 

아래 내용을 입력하면 select 문 등에서 여러줄로 나오는걸 방지할 수 있습니다.

SQL> set linesize 400;
SQL> set pagesize 2500;

 

먼저 MySQL 기준으로 우리가 만들어야 할 테이블은 아래와 같습니다.

이것을 오라클에 맞게 최대한 맞춰서 만들어보면 아래 명령어들을 입력하면 됩니다.

CREATE TABLE board (
  board_number NUMBER PRIMARY KEY,
  name CHAR(12),
  password CHAR(16),
  email CHAR(50),
  homepage CHAR(60),
  subject CHAR(60),
  memo CLOB,
  count NUMBER(5),
  ip CHAR(15),
  wrietime NUMBER(10)
);

 

CREATE SEQUENCE board_seq START WITH 1 INCREMENT BY 1;

 

CREATE TRIGGER board_trigger
BEFORE INSERT ON board
FOR EACH ROW
BEGIN
  SELECT board_seq.NEXTVAL
  INTO   :new.board_number
  FROM   dual;
END;
/

 

마지막으로 desc board; 를 입력했을때 아래와 같이 나온다면 성공입니다.

 

 

2. 입력 폼 만들기

ROOT 폴더에 wtire.html를 만들어주고 아래의 내용을 입력합니다.

클라이언트단에서 입력값을 겁증하는 스크립트가있는 코드입니다.

<html>
    <head>
        <meta charset="UTF-8">
        <title>JSP 게시판 프로젝트 - 쓰기</title>

        <script language='javascript'>

            function check_submit(){

                if (document.myForm.name.value == "") {
                    alert('이름을 입력하세요');
                    document.myForm.name.focus();
                    return;

                }else if (document.myForm.password.value == "") {
                    alert('비밀번호를 입력해야 글을 수정하거나 삭제할 수 있습니다.');
                    document.myForm.password.focus();
                    return

                }else if (document.myForm.subject.value == "") {
                    alert('제목을 입력하세요.');
                    document.myForm.subject.focus();
                    return

                }else if (document.myForm.memo.value == "") {
                    alert('내용을 입력하세요.');
                    document.myForm.memo.focus();
                    return

                }else {
                    document.myForm.action = 'write_ok.jsp';
                    document.myForm.submit();
                }

            }

        </script>
    </head>

    <form name = 'myForm' method = 'post' >

        이름 : <input type="text" name="name" size=20 maxlength = 20> <br>
        비밀번호 : <input type="password" name="password" size=20 maxlength = 20> <br>
        전자우편 : <input type="text" name="email" size=50 maxlength = 70> <br>
        홈페이지 : <input type="text" name="hompage" size=50 maxlength = 70> <br>
        제목 : <input type="text" name="subject" size=50 maxlength = 70> <br>
        내용 : <textarea name="memo" cols=50 rows = 5 maxlength = 500></textarea> <br>

        <br>
        <input type='button' value='write' onclick='javascript:check_submit();'>

    </form>

</body>
</html>

 

아래와 같이 뜨면 성공입니다.

다음시간에는 JSP에서 오라클과 연동 해보도록 하겠습니다.