늦게 찾아뵙게 되서 진짜 지송함니다...
학교에 셤 땜시 강좌가 좀 지체되였슴니다~
그럼 슬슬 시작해볼까요?
전에 두강에서 우리는 asp가 돌아갈수 있는 환경을
설치해 보았구요, asp소스하고 디비가 연동을 할수
있는 소스를 만들어봤슴니다..
이 소스를 잘 이해를 못하신분이 만을테지만 일단을
소스를 그래로 쓰시고 그대로 지나가시기를~ ㅡㅡ;
오늘에는 계시판에 글 올리기를 해보도록 하겠슴니다.
글 올리기에는
regist.asp 하고
regist_ok.asp라는 두개
소스를 만들어야 하는데요. regist.asp란 늠은 계시판에
올릴글을 작성하는 넘이구여. regist_ok.asp란 넘은여
regist.asp에서 작성한 글을 디비에 올리는 넘임니다.
그럼 regist.asp를 만들어봅시다..
regist.asp는 순 html 소스로 만들어지는데요..
노아에 html강좌를 보신분은 쉬워보일껏임니다.
일단 소스는 이렇슴니다.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48 |
<html>
<head>
<title>
엠보드_글 올리기
</title>
</head>
<body>
<form name="registform" method="post" action="regist_ok.asp">
<table border cellspacing="0" width="500">
<tr>
<td colspan="2" align=center <b>글을 써 주십시오</b></td>
</tr>
<tr>
<td align=center >이름 </td>
<td> <input type=text name=username size=15 ></td>
</tr>
<tr>
<td align=center>비밀번호</td>
<td><input type=password name=userpwd size=15></td>
</tr>
<tr>
<td align=center>email</td>
<td><input type=text name=useremail size=50></td>
</tr>
<tr>
<td align=center>제목</td>
<td><input type=text name=subject size=50></td>
</tr>
<tr>
<td align=center>내용</td>
<td><textarea name=content cols=50 rows=15></textarea></td>
</tr>
<tr>
<td align=center>html</td>
<td> <input type=radio name=tag value="T" checked>적용
<input type=radio name=tag value="F">비적용
</td>
</tr>
<tr>
<td colspan="2" align=center>
<input type="submit" value="작성완료">
<input type="reset" value="다시작성">
</td>
</tr>
</table>
</form>
</body>
</html>
|
이곳은 그냥 순 html로 만드는 부분임니다.
소스작성이 끝나면 소스이름을
regist.asp 로 하시고
c:inetpubwwwrootmboard폴터아래에
저장해주시고여 브라우저를 켜고 주소창에다가
http://localhost/mboard/regist.asp를 치고 엔터를 해보세요...
그러면 아래 그림처럼 나올것임니다.
이런창이 눈에 익죠...^^
이 소스를 만드는 목적은 우리가 regist.asp에 입력한 정보를
regist_ok.asp에 전달해서 regist_ok.asp가 책임지고 정보를 디비에
저장하는 것입니다..
그럼 정보를 어떻게 전달해주냐~~
regist.asp를 작성할때 매개 입력창에게 이름을 달아줌니다.
그러고는 이름=내용 이런형식으로 regist_ok.asp에 전달해줌니다.
regist_ok.asp에서 이 정보를 받아서 내용들을 이름에 해당되는
디비안의 필드에 넣어줌니다....
그럼 이 소스를 간단하게 정리하면:
입력창 이름 필드
이름 username strname
비밀번호 password strpass
E_mail useremail stremail
제목 subject strsubject
내용 content strcontet
Html tag blntag
이것들이 서로 해당되는 내용들임니다.
여기서 주의를 할것은 폼을 쓰는것임니다...
html에서 폼을 쓰는 목적은 입력창에 입력한 정보를
지정한 페이지에 보내주려는 것임니다.
위에 소스에 08번째 줄:
<form name="registform" method="post" action="regist_ok.asp">
이곳이 폼의 시작되는 곳입니다.
여기서 name속성은 이 폼의 이름을 정해주는 것이고
method는 정보전달방식을 지정하는 곳임니다...
정보전달방식에는 post 하고 get방식이 잇는데
이것은 쬐금 아래에서 설명하려구 함니다.
그 다음 action은 정보를 전달해주는 페이지를 지정해줍니다.
여기서
regist.asp에서 입력한 정보를 regist_ok.asp에 전달해준다~
이런 뜻이 되겠슴니다.
그러구
폼(form)에 대해서 간단하게 설명을 좀 하겠슴니다.
폼에서 주요하게
정보입력창(text), 비번입력창(password), 단항선택창(radio),
본문입력창(textarea).전달버튼(submit), 다시입력버튼(reset) 등등 이 있음니다.
전 그냥 여기서 쓰이는 항들만 올렸슴니다.
정보입력창은 그냥 이름, 멜주소 같은 짧은 정보를 입력하는 창임니다.
사용방법은요
<input type=text name=이름 size=창에 넓이 > 이렇슴니다.
비번입력창은 비밀번호를 입력하는 창인데 이창에 입력되는 글은 몽땅 * 으로
바뀌여서 나타나는 것임니다.사용법:
<input type=password name=이름 size=창의 넓이 >
단항선택창은 여러가지 항중에서 단 하나만 선택할때 쓰이는 것인데요..
사용법은
<input type=radio name=이름 value=묵인값> 임니다..
여기서 주의해야 할점은 한조에의 선택항이면 이름을 모두 같게 지어야 한다는 점임니다...
그러구 묵인 선택항을 지정하려면
chacked 라는 단어를 쳐넣으면 됨니다...
본문입력창는 말그대로 본문을 입력하는 창입니다.사용법:
<textarea name=이름 cols=세로줄수 rows=가로줄수 ></textarea>
전달버튼은 정보입력을 마친후 정보를 전달해라는 뜻을 담은 넘인데요..
사용법은
<input type=submit name=이름 value=버튼위에 나타나는 글씨> 임니다.
다시입력버튼은 정보를 잘못입력하셨을때 정보를 다시 입력할때 쓰는 버튼임니다.
사용법은
<input type=reset nanme=이름 value=버튼위에 나타나는 글씨> 임니다.
음~~ 이러면 폼에 대해서 좀 이해가 가겠쪄? 흠흠....
그럼 이젠 폼에 정보전달방식 post 와 get를 설명합시다.
일단 먼저 브라우저(ie)에다 이제
http://localhost/mboard/regist.asp를
실행해봅시다.그리고 그기다 아래 그림처럼 정보를 입력하고 작성완료를 클릭하져...
그러면 이런창이 뜸니다.
(엥? 페이지 찾을수 없다자나.... 머야~) 참으시져~ 쪼금만..
제 말을 좀 들어보시구 화내세요...ㅡㅡ;
페이지를 찾을수 없는거는 정상임니다...
주소창을 보세요.
regist_ok.asp 이져? 이것은 우리가
action에서
지정한 페이지가 아님니까? 흠흠.... 페이지를 정확하게 찾아왔지 않았음니까? ㅎㅎㅎ
그런데 왜 페이지를 찾을수 없냐~~ 우리가 regist_ok.asp를 작성하지 않아은니깐 당연히
나오지 않져~ ㅎㅎㅎ
우리는 이 주소창에서 단 경로만 볼수 있져. 우리가 입력한 정보를 볼수 없지 않슴니까?
이것이 위에서 내가 말한
post전달방식임니다.
주소창에서 경로만 볼수 잇고 정보는 볼수 없다.
그럼 이번에는
method=get 로 지정해보져... 전달방식을 get로 해봅시다.
소스를 고치고 아까처럼 정보를 입력하고 작성완료 클릭~!
그럼 이번에는 이런창이 뜸니다..
머가 좀 달라진거 느낄수 잇져? ㅎㅎㅎ 주소창을 보세요....
원 경로뒤에 머가 따닥따닥 붙어있지 않음니까? ㅎㅎㅎㅎ
뒤에 따닥따닥 붙은것이 바로 우리가 입력한 정보임니다.
이런 정보전달방식이 바로
get전달방식 임니다.
경로뒤에 정보를 붙혀서 전달해준다.
이만하면 이해가 가져? 너무 심각하게는 이해할 필요 없음니다...
그냥 음~~~~ 이런것이구나 하고 알고 있으면 됨니다....
(야야.. 그런데 이두가지방식에 머가 차이있는데 따로따로 쓰냐?)
네~~~ 차이점이라면 세가지로 볼수 있슴니다.
첫째: get가 post보다 속도가 좀더 빠르다.
둘째: post가 get보다 전달할수 잇는 정보량이 많다.
셋째: post가 get보다 안전성이 강하다.
이래서 post전달방식을 더 많이 사용하고 잇는 편임니다.
휴~~~~~~~~~~~~~
강좌를 쉽게 보고 시작을 햇는데 이렇게 바쁠지는 진짜 몰랏어여... ㅡㅡ;
조잡한것들이 어찌 많은지...
그럼 오늘강좌는 이만하겠슴니다...
다음시간에 우리 함께 regist_ok.asp를 만들어봅시다...
그럼 담시간에 10000나요~
^^
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:07)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >> 웹 프로그래밍
* 이동후 위치 : 웹 공부 >>
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:12)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >>
* 이동후 위치 : 웹 공부 >> 웹 프로그래밍
|
2002.07.12 13:42:33
윤동주--尹东柱-中国朝鲜族名人传记
기분 좋은 실내화초 가꾸기 하--家庭养花一本通.下
찌무르와 그의 부대--铁木儿和他的队友
조선족으로 산다는것—70,80후의 삶,앎,꿈--生为朝鲜族-“70后”
주역 전1권 ---周易全一册입점신청
감사합니다....