動態網頁設計 - asp & 資料庫應用

20
動動動動動動 動動動動動動 - - ASP & ASP & 動動動動動 動動動動動 動動 動動動 E-Mail: [email protected]

Upload: avram-murphy

Post on 01-Jan-2016

38 views

Category:

Documents


2 download

DESCRIPTION

動態網頁設計 - ASP & 資料庫應用. 講師:梁家豪 E-Mail: [email protected]. VBScript 簡介. 迴圈是具有重複執行能力的程式結構 For – Next For 計數變數 = 起始值 To 終止值 Step 步進值 敘述區塊 Next Ex. 計算1加到100的值 For I = 1 to 100 I = I + 1 Next. VBScript 簡介. While – Wend: 當條件式成立時 執行 While 條件式 敘述區塊 Wend - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 動態網頁設計 -  ASP &  資料庫應用

動態網頁設計 動態網頁設計 - - ASP & ASP & 資料庫應資料庫應用用

講師:梁家豪E-Mail: [email protected]

Page 2: 動態網頁設計 -  ASP &  資料庫應用

VBScriptVBScript 簡介簡介迴圈是具有重複執行能力的程式結構 For – Next

For 計數變數 = 起始值 To 終止值 Step 步進值敘述區塊

Next

Ex. 計算 1 加到 100 的值For I = 1 to 100

I = I + 1Next

Page 3: 動態網頁設計 -  ASP &  資料庫應用

VBScriptVBScript 簡介簡介 While – Wend :當條件式成立時執行

While 條件式敘述區塊

Wend Do – Loop – Until :當條件式成立時結束

Do敘述區塊

Loop Until 條件式

Page 4: 動態網頁設計 -  ASP &  資料庫應用

VBScriptVBScript 簡介簡介 Exit Do , Exit For – 是直接脫離回圈,不再執行

巢狀迴圈 – 迴圈裡面也可以有迴圈,這種情況形即稱為巢狀迴圈

九九乘表For I = 1 to 9

For J = 1 to 9 Response.write I &”*”& J &”=“& I*J

nextnext

Page 5: 動態網頁設計 -  ASP &  資料庫應用

VBScriptVBScript 簡介簡介陣列 (Array) ,其主要功能與變數相同,是用來存放資料的,不同的地方在於,一個變數只能存放一項資料,而陣列可用來儲存連續的多項資料。

陣列需宣告使用: Dim 陣列名稱 ( 最後元素數 )Dim A(4)

A(0) A(1) A(2) A(3) A(4)

Page 6: 動態網頁設計 -  ASP &  資料庫應用

VBScriptVBScript 簡介簡介改變陣列大小 – ReDim

Dim A(5) ReDimA(6) ‘ 錯誤ReDim B(5) ReDimB(6) ‘ 改變成功• ReDim Preserve 陣列名稱 (N)

二維與多維陣列• Dim 陣列名稱 ( 列 , 行 )

Ex. Dim A(1,3)

A(0,0) A(0,1) A(0,2) A(0,3)

A(1,0) A(1,1) A(1,2) A(1,3)

Page 7: 動態網頁設計 -  ASP &  資料庫應用

ASP ASP 內建物件內建物件Response

• 可用來傳輸資料至瀏覽器 (Client)Request

• 可讀取瀏覽器的資訊和傳送的資料Server

• 可提供 Server 的相關資訊Application

• 可用來記錄不同網頁的共用資訊Session

• 可用來記錄特定使用者的資訊

Page 8: 動態網頁設計 -  ASP &  資料庫應用

Response Response 物件物件輸出

• Response.write轉移網頁

• Response.redirect結束輸出

• Response.end輸出的形態

• Response.ContentType

Page 9: 動態網頁設計 -  ASP &  資料庫應用

Response Response 物件物件<html><body>中原標準時間:<%

Response.write NOW%></body></html>

<html><body>中原標準時間: 2001/12/3 上午

08:26:07</body></html>

若該 ASP 指令只有一行 Respons.write 時,亦可以寫成

<%=NOW%>

Page 10: 動態網頁設計 -  ASP &  資料庫應用

Response Response 物件物件Response.redirect 網址

• Ex. Response.redirect “a.htm”• Ex. Response.redirect

“http://www.ccu.edu.tw”注意! Redirect 方法只能夠在還沒有任何資料出到瀏覽器之前,才能呼叫,否則會產生錯誤訊息

Page 11: 動態網頁設計 -  ASP &  資料庫應用

Response Response 物件物件Response.End – 終止 ASP 程式編譯動作,並停止輸出資料流至 ClientIf Error = True then

Response.write “ 發生不明錯誤”Response.End

End IfResponse.ContentType – 資料流形態

Response.ContentType = “text/html”

Page 12: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹Form – 表單主體

<form action=“ 執行程式 .asp” method = “GET|POST”>表單內容

</form>

Get• 立刻傳送,執行效能高,可傳送資料有 2K 的限制

Post• 等待 Server 讀取,可傳送大量資料

Page 13: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹文字方塊

< INPUT TYPE=“TEXT” NAME=“name” [SIZE=n] [MAXLENGTH=n] [VALUE=DefaultValue]>

• Name – 名稱• Size – 大小• MaxLength = 予許輸入的最長長度• Ex.<input type=“text” name=“school” size=“10”

value=“ccu”>

Page 14: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹密碼方塊

< INPUT TYPE=“PASSWORD” NAME=“name” [SIZE=n] [MAXLENGTH=n] >

文字區塊< TEXTAREA ROWS=n COLS=n NAME=“name” >

[Default text]</TEXTAREA>

• Rows – 寬度• Cols – 高度• Default Text – 預設文字

Page 15: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹下拉式選單

< SELECT NAME=“name” [SIZE=1] > < OPTION [VALUE=“value-1”] > select item-1 </OPTION> < OPTION [VALUE=“value-2”] > select item-2 </OPTION> < OPTION [VALUE=“value-3”] > select item-n </OPTION>< /SELECT>• Ex. 居住地< SELECT NAME=“country” > < OPTION VALUE=“ 台灣” selected> 台灣 </OPTION> < OPTION VALUE=“ 美國” > 美國 </OPTION> < OPTION VALUE=“ 英國” > 英國 </OPTION>< /SELECT>

Page 16: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹稽核方塊:能一次選取多個

< INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-1”] [checked]>

• Ex. 興趣<input type=“checkbox” name=“interest” value=“PC”>

電腦<input type=“checkbox” name=“interest” value=“PL”>

玩樂圈選按鈕:一次只能選擇一個

< INPUT TYPE=“RADIO” NAME=“name” [VALUE=“value-1”] [checked]>

• Ex. 性別<input type=“radio” value=“M” checked> 男<input type=“radio” value=“F”> 女

Page 17: 動態網頁設計 -  ASP &  資料庫應用

表單介紹表單介紹一般按鈕

<input type=“BUTTON” name=“name” value=“value”>

送出按鈕<input type=“SUBMIT” value=“ 送出” >

重設按鈕<input type=“RESET” value=“ 清除重設” >

隱藏元件<input type=“HIDDEN” name=“name” value=“value”>

Page 18: 動態網頁設計 -  ASP &  資料庫應用

Request Request 物件物件Request(“ 變數名稱” )

• Ex.<input type=“text” name=“school”>取得上述表單輸入的值Request(“school”)

網址亦可以傳送變數,不需透過表單 (GET)• Ex.

http://127.0.0.1/test.asp?school=ccu• Request(“school”) ‘ 其值為 ccu

Page 19: 動態網頁設計 -  ASP &  資料庫應用

Request Request 物件物件稽核方塊 – 一次收到多個資料的處理

<input type=“checkbox” name=“interest” value=“PC”> 電腦<input type=“checkbox” name=“interest” value=“book”>看書<input type=“checkbox” name=“interest” value=“music”>音

樂• 當使用者選取多個

使用 Request(“interest”) 讀到的值會是 電腦 , 看書 , 音樂字串之間會以「逗點空格」格開

• 若希望收到的資料能分開列出,要使用以下方法Interest = Split( Request(“interest”), “, “)For I = 0 to UBOUND(Interest)

Response.write Interest(I)Next

Page 20: 動態網頁設計 -  ASP &  資料庫應用

Request Request 物件物件處理文字區塊送來的資料

<textarea name=“recommend”>……</textarea>• <%=Request(“recommend”)%> ‘ 並無法顯示換行的符號• 若需要顯示,則需經以下程式轉換<%=Replace(Request(“recommend”), vbCrLf, “<br>”)%>

處理文字方塊送來資料的空白• LTrim( 字串變數 ) – 清除左邊空白• RTrim( 字串變數 ) – 清除右邊空白• Trim( 字串變數 ) – 清除左右兩側空白