Transcript CGI
ASP 프로그래밍
제2장 HTML
관련 사이트 : 기초부터 활용까지 ASP프로그래밍, 글로벌출판사
ASP 란
아주 쉬운 프로그램
Active server Program
두 시스템이 정보를 교환하는 인터페이스
클라이언트가 서버에 정보를 넘긴다
서버에서 처리한다
클라이언트가 서버로부터 정보를 받는다
보다 고급의 홈페이지 제작 가능
ASP 개요
Client
W/Browser
인터넷
Server
ASP
Program
Database
HTML
문서
ASP 이용사례
자료를 입력하는 페이지
게시판
카운터
설문조사
웹기반 업무처리 시스템
Requirements
Server
Windows NT/2000
Windows 98 w/PWS
Server
Unix
Linux
ASP
Visual Basic Script
HTML
CGI
C/C++
PERL
TCL
Bourne Shell
C Shell
11. 입력 폼 작성하기
Form 용도
Guestbook
Order Forms
Surveys
기타 정보 피드백을 필요로 하는 것
11.1 폼 지정
<FORM>
<INPUT>
:
<INPUT>
</FORM>
폼 태그
사용자가 입력한 내용을 어떻게 서버로 넘겨줄 것인가를 결정
양식 선언
주요 속성
ACTION
METHOD
: 호출할 프로그램 경로
: 데이터를 넘겨주는 방식
get과 post
ENCRTYPE : 보내질 데이터 타입
예
ASP경우
<FORM METHOD=GET ACTION=SAMPLE.ASP>
CGI경우
<FORM METHOD=GET ACTION=SAMPLE.CGI>
GET : 환경변수(QUERRY STRING)를 통해 전달
정보는 환경변수의 크기에 따라 결정
POST : 표준입출력을 통해 전달
전달할 수 있는 정보의 크기 제한 없다
Stdin을 통해 입력
11.2 입력 항목 작성 태그(<input>)
텍스트 입력 양식
주요 속성
TYPE : TEXT, PASSWORD, CHECKBOX, HIDDEN, IMAGE,
RADIO, SUBMIT, RESET
NAME
VALUE
ALIGN
SIZE
MAXLENGTH
텍스트 박스
INPUT TYPE=TEXT
<INPUT TYPE=TEXT NAME=“ADDRESS”
VALUE=“경기도 화성군 정남면”>
DEFAULT SIZE=20
<INPUT TYPE=TEXT NAME=“ADDRESS”
VALUE=“경기도 화성군 정남면” SIZE=10>
<INPUT TYPE=TEXT NAME=“ADDRESS”
SIZE=30 MAXLENGTH=20>
비밀번호
INPUT TYPE=PASSWORD
<INPUT TYPE=PASSWORD NAME=“PWD”>
입력내용 대신 *** 표시
라디오 버튼
INPUT TYPE=RADIO
<INPUT TYPE=RADIO NAME=“변수명” ~~~~>
☞ 이름이 같다
예
….에 알맞은 것은 무엇인가 ?
<INPUT TYPE=RADIO NAME=“q01” VALUE=“1” 1. 태극기<BR>
<INPUT TYPE=RADIO NAME=“q01” VALUE=“2” 2. 무궁화<BR>
태극기를 선택했다면 q01=1 이 RETURN됨
초기값
<INPUT TYPE=RADIO NAME=“q01” VALUE=“3” CHECKED>
체크 박스
INPUT TYPE=CHECKBOX
☞ 이름이 다르다
예
어떤 과목을 가장 좋아하십니까 ?
<INPUT TYPE=CHECKBOX NAME=“국어” VALUE=“YES”>국
어<BR>
<INPUT TYPE=CHECKBOX NAME=“수학” VALUE=“YES”>수
학<BR>
국어를 선택했다면 국어=YES가 RETURN
스크롤 글상자
기본 구조
<TEXTAREA NAME=“변수명”>
</TEXTAREA>
예
<TEXTAREA NAME=“COMMENT”> </TEXTAREA>
<TEXTAREA NAME=“COMMENTS” ROWS=6 COLS=50>
펼침 목록
사용자가 목록 중 선택하도록 하는 것
기본 구조
<SELECT NAME=”변수명”>
<OPTION VALUE=“RETURN값”>문자열
:
</SELECT>
예
<SELECT NAME=“BEST FRIEND”>
<OPTION NAME=“김희선”>김희선
<OPTION NAME=“김혜수”>김혜수
<OPTION NAME=“장동건”>장동건
</SELECT>
DEFAULT OPTION
<select NAME=“BEST FRIEND” SIZE=4>
<OPTION NAME=“임승린” SELECTED>임승린
전송과 지우기 버튼
<INPUT TYPE=SUBMIT>
<INPUT TYPE=RESET>
<INPUT TYPE=IMAGE SRC=“submit.gif”>
Type=image는 submit만 가능
<INPUT TYPE=SUBMIT VALUE=“전송”>
<INPUT TYPE=RESET VALUE=“지우기”>
ASP Program 이용 사례
C Program 예
#include <stdio.h>
#include “typedef.h”
main () {
int count;
entry entries[5];
printf(“Content-type : text/html\n\n”);
post_method(entries, &count);
printf(“<html><body>”);
:
:
printf(“</body></html>”);
}
Visual Basic Program 예
Sub CGI_Main()
Dim Pizza as string
Pizza = GetSmallField(“pizza”)
send(“Content-type : text/html”)
send(“”)
send(“<html><body>”)
send(“</body></html>”)
End Sub
ASP 예
<% 비쥬얼베이직 스크립트 %>
HTML문서
이용 사례 : 온라인 출석관리
폼 작성 실습
생성된 HTML문서
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Untitled</title>
<meta name="generator" content="Namo WebEditor v3.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form name="가상대학" method="get" action="출석관리.asp">
<p> </p>
<p><input type="text" name="gkrqjs" maxlength="9" size="9"></p></form>
</body>
</html>
실습해 봅시다
Internet.ssc.ac.kr/sscminishop
위 사이트를 참조하여
쇼핑몰 운영에 필요한 양식을 작성
사용자 인증
회원 등록
회원정보 변경
장바구니
장바구니
주문서 양식
주문 결과