동적 페이지를 만들고([파일] > [새로 만들기] > [빈 페이지]) Dreamweaver 디자인 도구를 사용하여 페이지를 레이아웃합니다.
마지막 업데이트 날짜
2024년 4월 25일
Dreamweaver 애플리케이션에서 사용자가 데이터베이스에 새 레코드를 삽입할 수 있는 레코드 삽입 페이지를 작성하는 방법에 대해 학습합니다.
메모
Dreamweaver의 현재 버전 이후로 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver의 현재 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.
레코드 삽입 페이지 구성 정보
애플리케이션에는 사용자가 데이터베이스에 새 레코드를 삽입할 수 있는 페이지를 포함할 수 있습니다.
삽입 페이지는 두 개의 구성 블록으로 구성됩니다.
사용자가 데이터를 입력할 수 있는 HTML 양식
데이터베이스를 업데이트하는 레코드 삽입 서버 비헤이비어
사용자가 양식에서 [전송]을 클릭하면 서버 비헤이비어가 데이터베이스 테이블에 레코드를 삽입합니다.
레코드 삽입 양식 데이터 오브젝트를 사용하여 이러한 구성 요소를 단일 작업으로 추가하거나 Dreamweaver 양식 도구와 서버 동작 패널을 사용하여 별도로 추가할 수 있습니다.
메모
삽입 페이지에는 레코드 편집 서버 비헤이비어를 한 번에 하나만 넣을 수 있습니다. 예를 들어, 삽입 페이지에는 [레코드 업데이트] 또는 [레코드 삭제] 서버 비헤이비어를 추가할 수 없습니다.
삽입 페이지를 블록별로 구성
양식 도구와 서버 동작을 사용하여 삽입 페이지를 작성할 수도 있습니다.
삽입 페이지에 HTML 양식 추가
양식을 표시할 위치에 삽입점을 놓고 [삽입] > [양식] > [양식]을 선택하여 HTML 양식을 추가합니다.
페이지에 빈 양식이 만들어집니다. 양식의 경계를 보려면 보이지 않는 요소([보기] > [표시 도우미] > [보이지 않는 요소])를 활성화해야 할 수도 있습니다. 이 경계는 얇은 빨간 선으로 표시됩니다.
HTML 양식의 이름을 지정하려면 [문서] 창 하단에 있는 <form> 태그를 클릭하여 양식을 선택하고, [속성 관리자]를 열고([창] > [속성]), [양식 이름] 상자에 이름을 입력합니다.
사용자가 제출 버튼을 클릭할 때 레코드 데이터를 어디로 어떻게 전송할지 양식에 지시하기 위해 action 또는 method 속성을 지정할 필요가 없습니다.레코드 삽입 서버 비헤이비어가 이러한 속성을 설정합니다.
레코드를 삽입하려는 데이터베이스 테이블의 각 열에 대해 텍스트 필드([삽입] > [양식] > [텍스트 필드])와 같은 양식 오브젝트를 추가하십시오.
양식 오브젝트는 데이터를 입력하는 부분입니다. 텍스트 필드가 이 목적으로 일반적이지만 메뉴, 옵션 및 라디오 버튼도 사용할 수 있습니다.
양식에 제출 버튼을 추가하세요([삽입] > [양식] > [버튼]).
제출 버튼의 레이블을 변경하려면 버튼을 선택하고 속성 관리자([창] > [속성])를 연 다음 레이블 상자에 새 값을 입력합니다.
데이터베이스 테이블에 레코드를 삽입하는 서버 비헤이비어 추가(ColdFusion)
서버 비헤이비어 패널에서([창] > [서버 비헤이비어]) 더하기(+) 버튼을 클릭하고 팝업 메뉴에서 레코드 삽입을 선택합니다.
[값 전송 위치] 팝업 메뉴에서 양식을 선택합니다.
데이터 소스 팝업 메뉴에서 데이터베이스에 대한 연결을 선택하십시오.
사용자 이름과 암호를 입력합니다.
삽입할 테이블 팝업 메뉴에서 레코드를 삽입할 데이터베이스 테이블을 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업 메뉴에서 레코드를 삽입할 양식 오브젝트를 선택한 다음, [제출 형식] 팝업 메뉴에서 양식 오브젝트의 데이터 유형을 선택하십시오.
데이터 유형은 데이터베이스 테이블의 열이 예상하는 데이터의 종류입니다(텍스트, 숫자, Boolean 옵션 값).
양식의 각 양식 오브젝트에 대해 이 절차를 반복하십시오.
[삽입 후 다음으로 이동] 상자에 레코드가 테이블에 삽입된 후 열릴 페이지를 입력하거나 [찾아보기] 버튼을 클릭하여 파일을 찾아보십시오.
[확인]을 클릭합니다.
Dreamweaver는 사용자가 HTML 양식을 작성하고 제출 버튼을 클릭하여 데이터베이스 테이블에 레코드를 삽입할 수 있는 서버 비헤이비어를 페이지에 추가합니다.
데이터베이스 테이블에 레코드를 삽입하는 서버 비헤이비어 추가(ASP)
서버 비헤이비어 패널에서([창] > [서버 비헤이비어]) 더하기(+) 버튼을 클릭하고 팝업 메뉴에서 레코드 삽입을 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택하십시오.
연결을 정의해야 할 경우 [정의] 버튼을 클릭합니다.
[테이블에 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스
테이블을 선택합니다.
[삽입 후 이동] 상자에서 레코드가 테이블에 삽입된 후
열 페이지를 입력하거나 [찾아보기]를
클릭하여 파일을 찾아봅니다.
[값 가져오기] 팝업 메뉴에서 데이터 입력에 사용할 HTML 양식을
선택합니다.
Dreamweaver가 자동으로 페이지의 첫 번째 양식을 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업
메뉴에서 레코드를 삽입할 양식 개체를 선택한 후, [제출
형식] 팝업 메뉴에서 양식 개체의 데이터 유형을 선택합니다.
데이터 유형은 데이터베이스 테이블의 열에서 예상하는 데이터 종류입니다(텍스트, 숫자, 부울 옵션 값).
양식의 각 양식 개체에 대해 절차를 반복합니다.
[확인]을 클릭합니다.
Dreamweaver가 사용자가 HTML 양식을 작성하고 [제출] 버튼을 클릭하여 데이터베이스 테이블에 레코드를 삽입할 수 있게 해주는 서버 동작을 페이지에 추가합니다.
서버 동작을 편집하려면 [서버 동작] 패널([창] > [서버 동작])을 열고 [레코드 삽입] 동작을 두 번 클릭합니다.
데이터베이스 테이블에 레코드를 삽입하는 서버 동작 추가(PHP)
[서버 동작] 패널([창] >
[서버 동작])에서 더하기(+) 버튼을 클릭하고 팝업 메뉴에서 [레코드 삽입]을
선택합니다.
[값 전송 위치] 팝업 메뉴에서 양식을 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택합니다.
[테이블 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스
테이블을 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업
메뉴에서 레코드를 삽입할 양식 오브젝트를 선택한 다음, [제출
형식] 팝업 메뉴에서 양식 오브젝트의 데이터 유형을 선택합니다.
데이터 유형은 데이터베이스 테이블의 열이 예상하는 데이터 종류입니다(텍스트, 숫자, 부울 옵션 값).
양식의 각 양식 오브젝트에 대해 이 절차를 반복하십시오.
[삽입 후 이동] 상자에 레코드가 테이블에 삽입된 후
열 페이지를 입력하거나 [찾아보기]
버튼을 클릭하여 파일을 찾습니다.
[확인]을 클릭합니다.
Dreamweaver는 사용자가 HTML 양식을 작성하고 [제출] 버튼을 클릭하여 데이터베이스 테이블에 레코드를 삽입할 수 있는 서버 비헤이비어를 페이지에 추가합니다.
한 번에 삽입 페이지 구성
[디자인] 보기에서 페이지를 열고 [삽입] > [데이터 오브젝트] > [레코드 삽입] >
[레코드 삽입 양식 마법사]를 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을
선택합니다.연결을 정의해야 하는 경우 [정의]를 클릭합니다.
[삽입할 테이블] 팝업 메뉴에서 레코드를
삽입할 데이터베이스 테이블을 선택합니다.
ColdFusion을 사용하는 경우 사용자 이름과 암호를 입력합니다.
[삽입 후 이동] 상자에 레코드가 테이블에 삽입된 후
열 페이지를 입력하거나 [찾아보기]
버튼을 클릭하여 파일을 찾습니다.
[양식 필드] 영역에서 삽입 페이지의 HTML 양식에
포함할 양식 오브젝트와 각 양식 오브젝트가 업데이트할
데이터베이스 테이블의 열을 지정합니다.
기본적으로 Dreamweaver는 데이터베이스 테이블의 각 열에 대해 양식 오브젝트를 만듭니다.데이터베이스가 새로 생성된 각 레코드에 대해 고유 키 ID를 자동으로 생성하는 경우, 목록에서 키 열에 해당하는 양식 오브젝트를 선택하고 빼기(-) 버튼을 클릭하여 제거합니다.이렇게 하면 양식 사용자가 이미 존재하는 ID 값을 입력할 위험을 방지할 수 있습니다.
목록에서 양식 개체를 선택하고 대화 상자 오른쪽의 위쪽 또는 아래쪽 화살표를 클릭하여 HTML 양식에서 양식 개체의 순서를 변경할 수도 있습니다.
[양식 필드] 표에서 행을 클릭하고 표 아래쪽 상자에 다음 정보를 입력하여 각 데이터 입력 필드가 HTML 양식에 표시되는 방식을 지정합니다.
데이터 입력 필드 옆에 표시될 설명 레이블을 [레이블] 상자에 입력합니다. 기본적으로 Dreamweaver는 레이블에 표 열의 이름을 표시합니다.
[표시 형식] 팝업 메뉴에서 데이터 입력 필드 역할을 할 양식 오브젝트를 선택합니다. 텍스트 필드, 텍스트 영역, 메뉴, 체크 박스, 라디오 그룹 및 텍스트를 선택할 수 있습니다. 읽기 전용 항목의 경우 [텍스트]를 선택합니다. 암호 필드, 파일 필드 및 숨김 필드도 선택할 수 있습니다.
메모
숨김 필드는 양식의 끝에 삽입됩니다.
- [전송 형식] 팝업 메뉴에서 데이터베이스 테이블에 사용할 수 있는 데이터 유형을 선택합니다. 예를 들어, 테이블 열에 숫자 데이터만 사용할 수 있는 경우에는 [숫자]를 선택합니다.
- 양식 객체의 속성을 설정합니다. 데이터 입력 필드로 선택한 양식 오브젝트에 따라 옵션이 달라집니다. 텍스트 필드, 텍스트 영역 및 텍스트의 경우 기본값을 입력할 수 있습니다. 메뉴 및 라디오 그룹의 경우 다른 대화 상자를 열어 속성을 설정합니다. 옵션의 경우 [선택됨] 또는 [선택되지 않음] 옵션을 선택합니다.
[확인]을 클릭합니다.
Dreamweaver는 페이지에 HTML 양식과 레코드 삽입 서버 비헤이비어를 모두 추가합니다.양식 개체는 Dreamweaver 페이지 디자인 도구를 사용하여 맞춤화할 수 있는 기본 표에 배치됩니다.(모든 양식 개체가 양식의 경계 내에 있는지 확인하세요.)
서버 비헤이비어를 편집하려면 [서버 비헤이비어] 패널([창] > [서버 비헤이비어])을 열고 [레코드 삽입] 비헤이비어를 두 번 클릭하십시오.
