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

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

Upload: gannon-potter

Post on 15-Mar-2016

101 views

Category:

Documents


2 download

DESCRIPTION

動態網頁設計 - ASP & 資料庫應用. 講師:梁家豪 E-Mail: [email protected]. What’s is ASP. ASP(Active Server Pages) 是一個程式語言的環境,提供著結合 HTML、Script 和其他元件的能力,來創造出在伺服器上運作的網際網路應用程式。 與所有 ActiveX Script 語言相容 。可以使用 VB Script 或 Java Script。 也可透過 Plug-In 的方式使用其它廠商 所提供的語言。. ASP 之優點. 與 HTML、Script 語言相結合 - PowerPoint PPT Presentation

TRANSCRIPT

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

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

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

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

What’s is ASPWhat’s is ASPASP(Active Server Pages) 是一個程式語言的環境,提供著結合 HTML 、 Script和其他元件的能力,來創造出在伺服器上運作的網際網路應用程式。與所有 ActiveX Script 語言相容。可以使用 VB Script 或 Java Script 。也可透過 Plug-In 的方式使用其它廠商 所提供的語言。

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

ASP ASP 之優點之優點與 HTML 、 Script 語言相結合不需手動 Compile物件導向 (OO) ,並可擴展元件存取資料庫方便無瀏覽器相容問題程式碼隱藏,可以保障程式設計師之著作財產權

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

How ASP WorksHow ASP Works 當使用者來到網站時,而要讀取的網頁是以 .asp 為副檔名 此時瀏覽器向 Web Server 要求 (Request) 這個檔案,此時的動作就好像處理 .html 為副檔名的網頁一樣 當 Server 接到要求時, server 端的 script

language 為開始解析檔案 ASP 為循序地處理這個檔案 (top-down) ,執行任何每一行在檔案裡的指令,並產生出一個 HTML 的網頁 結果,會產生一個 100% 的 HTML 網頁,然後送回給使用者端的瀏覽器。

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

How ASP WorksHow ASP Works

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

建立建立 ASPASP 作業平台作業平台在 Windows 視窗系統下,安裝好 PWS

(Personal Web Server) 或 IIS (Internet Information Server) 之後,就可以成為 ASP 作業平台。• CPU :能讓 Windows 系統執行順暢即可。• RAM :至少 32 MB ,建議有 64 MB 。 NT

Server 4.0 或 Windows 2000 則最好有 128 MB 。

• Disk :至少預留 40 MB 以上的空間。

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

建立建立 ASPASP 作業平台作業平台Windows 98 & Me : PWS4

• 所需的 PWS 4.0 可從 Windows 98 光碟片上取得: \add-on\pws\setup.exe (PWS 4.0 for Windows 98)

Windows 2000 : IIS5• 於安裝時,即可選擇是否要安裝,若無,則選擇控制台 / 新增移除程式 / 新增移除

Windows 元件 /IIS ,勾選即可

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

建立建立 ASPASP 作業平台作業平台Windows NT Server : IIS4

• 須先將 NT 升級到 Service Pack 3 以上版本, IE 昇級到 4.01 版。• IIS 4.0 可從 NT 4.0 Option Pack 取得:

\NTOPTPAK\TW\x86\Winnt.srv\setup.exe• NT Option Pack 網路下載網址

http://www.microsoft.com/iss/

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

測試環境測試環境 啟動瀏覽器,在位址欄輸入 http:// localhost/ 。如出現 Windows2000 的字樣,即代表成功安裝網頁伺服器。 當安裝成功後,即可在電腦根目錄發現一個名

叫“ Inetpub” 的目錄。雙點之後可以看到另一個叫“ wwwroot” 的子目錄。

使用任何的文字編輯軟體,如 Notepad ,然後寫一些ASP 的程式到檔案裡,並存成以 .asp 為副檔名

然後打開瀏覽器,並打入 http://localhost/test.asp 若成功出現程式執行結果,即代表安裝成功,如出現

ASP 的程式碼內容,則需再次安裝

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

執行 執行 ASP ASP 程式程式副檔名必須為 .asp將檔案放置於 wwwroot 的目錄下其他虛擬目錄下,且使用權限至少至「指令」在位址欄直接輸入 asp 程式網頁,如:

http://127.0.0.1/path/file.asp特別注意: ASP 是由 Server 執行,再將結果傳回給 Browser 顯示。由 Browser 直接開啟 ASP 程式將無法執行。

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

ASPASP 之撰寫之撰寫所有的 ASP 程式碼並需寫在一個成對的 <% 和 %> 之間

• Example <%Set Conn = Server.CreateObject("ADODB.Connection") %>

我們也能夠將程式碼寫進到 HTML 裡面去,就像:• <font color=<%If browser="IE" Then

%>"red"<%Else%>"blue"<%End If%>>

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

運作模式範例運作模式範例<HTML><BODY><%If Hour(Now) > 18 Then Response.Write " 晚上 "Else Response.Write " 白天 "End If%><SCRIPT Language=VBScript>If Hour(Now) > 18 Then document.Write " 晚上 "Else document.Write " 白天 "End If</SCRIPT><P><H2> 這是 HTML 的標示</H2></BODY></HTML>

1. 放在 <% %> 中的敘述表示由 Server 執行的 ASP 的程式。2. 可用 Response.Write 將訊息傳回給 Browser 。

1. 表示在 Client 端執行這一段 Script 程式,若加上 RUNAT=Server 屬性,表示由 Server 來執行。2. 可用 document.Write 是直接在 Browser 輸出訊息。

1. ASP 並未放棄 HTML 的語法,而是在 HTML 的基礎上,再加上 Script 的解譯能力。

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

執行結果執行結果<HTML><BODY><%If Hour(Now) > 18 Then Response.Write " 晚上 "Else Response.Write " 白天 "End If%><SCRIPT Language=VBScript>If Hour(Now) > 18 Then document.Write " 晚上 "Else document.Write " 白天 "End If</SCRIPT><P><H2> 這是 HTML 的標示 </H2></BODY></HTML>

<HTML><BODY>白天<SCRIPT Language=VBScript>If Hour(Now) > 18 Then document.Write " 晚上 "Else document.Write " 白天 "End If</SCRIPT><P><H2> 這是 HTML 的標示 </H2></BODY></HTML>

原始檔案 傳到瀏覽器的內容 瀏覽器呈現畫面白天白天這是 HTML 的標示

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

VBScriptVBScript 簡介簡介變數與常數

•常數:在程式執行過程之中恆久不變者 Const A = 100 Const PI = 3.14

•變數:在程式執行過程之中有可能會改變者 A = 100 ‘ 設定 A 的值為 100 A = 300 ‘ 設定 A 的值為 300可以 Dim 的保留字來宣告變數

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

VBScriptVBScript 簡介簡介A = A + 1

• 此敘述是指,將變數 A 加 1 之後,指派(assign) 給變數 A

變數命名規則•長度不得超過 255 個字•變數第一個字元必需是英文字母,其餘部份可為英文字器、數字、底線 (_)• 保留字不可做為變數名稱

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

VBScriptVBScript 簡介簡介資料類別

• 數值:即整數 (Integer)、長整數 (Long)、倍精準數 (Double)、單精準度 (Single) Ex. 43, 1.23

• 字串 (String) Ex. “中正大學” , “ 資管系”

• 時間日期 (Date) Ex. #1980/09/29#, #12:03:01#

• 布林值 (Boolean) True, False

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

VBScriptVBScript 簡介簡介運算符號

• + :加法• - :減法• * :乘法• / :除法• ^ :乘冪• \ :整數除法 ( 取整數 )• MOD :模數 ( 取餘數 )

相關函式• ABS( ) 、 INT( ) 、 F

IX( ) 、 SGN( ) 、 VAL( ) 、 SIN( )

• ISNUMBER( )

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

VBScriptVBScript 簡介簡介比較運算

• = :等號, 1 = 2 傳回 False• > :大於, 1 > 2 傳回 False• < :小於, 1 < 2 傳回 True• >= :大於等於, 1 >= 2 傳回 False• <= :小於等於, 1 <= 2 傳回 True• <> :不等於, 1 <> 2 傳回 True

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

VBScriptVBScript 簡介簡介邏輯運算

• And :且• Or :或

• NOT :非

A B NOT A A And B A or BT T F T TT F F F TF T T F TF F T F F

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

VBScriptVBScript 簡介簡介字串處理

• 字串是指用雙引號 (“)括起來的文字•連結字串:「 & 」或「 + 」• 相關函式

Len( ) 、 UCase( ) 、 Mind( ) 、 Replace( ) 、 Trim( )

綜合運算•算術運算 > 字串運算 > 比較運算 > 邏輯運算

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

VBScriptVBScript 簡介簡介日期時間相關函式介紹

• NOW 、 TIME 、 DATEAt the tone, the time will be: <% =NOW %>Current date is <% =DATE %>Current time is <% =TIME %>

• YEAR(X) 、 MONTH(X) 、 DAY(X) 、 WEEKDAY(X)民國 <% =YEAR(DATE)-1911 %> 年 <% = MONTH(DATE)

%> 月 <% =DAY(DATE) %> 日• HOUR(X) 、 MINUTE(X) 、 SECOND(X)• X :為一時間格式的變數或字串

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

VBScriptVBScript 簡介簡介 DateAdd(P,n,X) :加減若干時間單位後的新日期時間

• X 是傳入的日期時間• P 是被加減的時間單位,可選擇的單位有年、季、月、日、時、分、秒• n 是加減的數量。

DateDiff(P,X1,X2) :計算兩日期時間的差值• 計算差值的方法是: X2-X1• P 是被加減的時間單位,可選擇的單位有年、季、月、日、時、分、秒

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

VBScriptVBScript 簡介簡介 Date and time intervals

• yyyy 年• q 季• m 月• y 當年的第幾天• d 日• w 星期• ww 當年的第幾個週• h 時• m 分• s 秒

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

VBScriptVBScript 簡介簡介流程控制

• If – ThenIf 條件 then敘述 1敘述 2End if

• If – Then – ElseIf 條件 then敘述區塊Else敘述區塊End if

• If – Then – ElseifIf 條件 1 then敘述區塊

Elseif 條件 2 then敘述區塊

Else敘述區塊

End if

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

VBScriptVBScript 簡介簡介流程控制

• Select – CaseSelect Case 資料或運算式

Case 條件 1敘述區塊 1

Case 條件 n敘述區塊 n

Case Else敘述區塊 n+1

End Select