1 / 46

Client / Server 架構

Client / Server 架構. 網頁相關技術. 網頁相關技術 ( 續 ). Client 端技術：  Browser ： IE 、 Navigator 、 Communicator 、 HotJava 、 …  HTML 、 XML (Extensible Markup Language)  Client 端 Scripts: VBScript, Java Script, …  Client 延伸技術： Java Applets 、 ActiveX Controls 、 Netscape Plug-Ins 、 VRML 、 ….

suzy
Download Presentation

Client / Server 架構

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Client / Server 架構

  2. 網頁相關技術

  3. 網頁相關技術 (續) Client 端技術：  Browser：IE、Navigator、Communicator、HotJava、…  HTML、XML (Extensible Markup Language)  Client 端Scripts: VBScript, Java Script, …  Client 延伸技術：Java Applets、ActiveX Controls、 Netscape Plug-Ins、VRML、…

  4. 網頁相關技術 (續) Server 端技術：  Web Server：Apache、Netscape、IIS、Web Site、…  CGI (Common Gateway Interface)：C、Perl、ISAPI、...  Server Script：VBScript、Java Script、PHP3、…  Server 延伸技術：ODBC、DAO、RDAO、ADO、…  相關 Server：SQL Server 、Iidex Server、Exchange Server、...

  5. ASP (Active Server Pages) 簡介 ASP (動態伺服器網頁) 是Microsoft 提供用來建置高階網站的方案，不論是簡單或是非常高階、大型、商業的網站，您都可以用 ASP 來建立。您可以使用ASP 來：  建立動態網頁。 處理HTML 的表單資料。  在網頁上加上訪客計數器。  從資料庫存取資訊。

  6. ASP (Active Server Pages) 簡介(續) 探查不同瀏覽器的潛能。 追蹤使用者的連線狀態。  讀取檔案。 　 　：

  7. ASP 主要的特色 主要是由 Server 執行，並以HTML 傳回給瀏覽器。 因此任何瀏覽器 (IE、Navigator、Communicator、…) 都能夠正常使用。  與所有 ActiveX Script 語言相容。可以使用 VB Script 或Java Script。也可透過 Plug-In 的方式使用其它廠商 所提供的語言。  可以透過 Active X Component 擴充功能。

  8. ASP 主要的特色 (續) 具備由 Script-Script 產生Client-Script 的功能。 具備物件導向(Object-Oriented) 功能，內建Response, Request, Server, Application, Session 五種物件供使用。  可在多個網頁共享資訊，如：使用者名稱及密碼。  編輯容易，只要用一般的文字編輯程式即可。

  9. 建立 ASP 作業平台  在 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 以上的空間。

  10. 建立 ASP 作業平台 (續)  軟體： - Windows 95: IE 4.01、WinSock 2.0、PWS 4.0。 ․安裝PWS 4.0 前，須將WinSock 升級到2.0版， IE 昇級到4.01版。 　　 ․所需的PWS 4.0 及Winsock 2.0 可從NT 4.0 Option Pack 取得： \NTOPTPAK\TW\x86\Win.95\setup.exe (PWS 4.0 for Windows 95) \NTOPTPAK\TW\x86\Win.95\Ws2setup.exe (WinSock 2.0) - Windows 98: PWS 4.0。 ․所需的PWS 4.0 可從Windows 98 光碟片上取得： \add-on\pws\setup.exe (PWS 4.0 for Windows 98)

  11. 建立 ASP 作業平台 (續) - Windows 2000: IIS 5.0。 ․Windows 2000 Server / Professional 內建有IIS 5.0 版，直接安裝即可。 - NT 4.0 Workstation: Service Pack 3、IE 4.01、PWS 4.0。 ․須先將NT 升級到 Service Pack 3 以上版本，IE 昇級到4.01版。 　　 ․Service Pack 所在的目錄不固定，可用尋找檔案方式找出檔案位置： Service Pack 3：Nt4sp3_i.exe Service Pack 4：Nt4i386.exe Service Pack 5：Nt5i386.exe ․PWS 4.0 可從NT 4.0 Option Pack 取得： \NTOPTPAK\TW\x86\Winnt.wks\setup.exe (PWS 4.0 for NT)

  12. 建立 ASP 作業平台 (續) - NT 4.0 Server: Service Pack 3、IE 4.01、IIS 4.0。 ․須先將NT 升級到 Service Pack 3 以上版本，IE 昇級到4.01版。 　　 ․IIS 4.0 可從NT 4.0 Option Pack 取得： \NTOPTPAK\TW\x86\Winnt.srv\setup.exe  測試是否安裝成功 　 啟動瀏覽器，在位址欄輸入 http:// 127.0.0.1/。如果出 　 現「歡迎使用 Microsoft Personal Web Server 4.0」網 　 頁，表示 PWS 已經安裝成功。

  13. 執行 ASP 程式  副檔名必須為 .asp  在位址欄直接輸入 asp 程式網頁，如： http://127.0.0.1/path/file.asp  在網頁中用一般 <a href=“URL 位址”> 連結即可。  特別注意：ASP 是由 Server 執行，再將結果傳回給 Browser 顯示。 由Browser 直接開啟ASP 程式將無 法執行。

  14. 【實作】test1.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 輸出訊息。 3. Netscape Navigator 無法解譯VBScript, 可至http:// www.ncompasslabs.com/ 下載 ActiveScript plug-in。 1. ASP 並未放棄 HTML 的語法，而是在HTML 的基礎 上，再加上Script 的解譯能力。

  15. 執行結果 原始檔案 傳到瀏覽器的內容 瀏覽器呈現畫面 <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 的標示

  16. FORM  The <FORM> Element <FORM ACTION=“cgi-program-url” [METHOD=GET | POST] > 　　： </FORM> For example: <FORM ACTION=“http://www.school.edu.tw/cgi-bin/post.asp” METHOD=“GET”> 　　： </FORM>

  17. FORM (續)  TEXT < INPUT TYPE=“TEXT” NAME=“name” [SIZE=n] [MAXLENGTH=n] > For example : < INPUT TYPE=“text” NAME=“username” SIZE=20 MAXLENGTH=50 >  PASSWORD < INPUT TYPE=“PASSWORD” NAME=“name” [SIZE=n] [MAXLENGTH=n] > For example : < INPUT TYPE=“password” NAME=“userpswd” SIZE=10 MAXLENGTH=20 >

  18. FORM (續)  TEXTAREA < TEXTAREA ROWS=n COLS=n NAME=“name” > : [Default text] : </TEXTAREA> For example : 請輸入您的建議： < TEXTAREA ROWS=5 COLS=70 NAME=“comment” > Please fill in your comments here. < /TEXTAREA>

  19. FORM (續)  Pull-Down Menus < SELECT NAME=“name” [SIZE=1] > < OPTION [VALUE=“value-1”] > select item-1 < OPTION [VALUE=“value-2”] > select item-2 : < OPTION [VALUE=“value-3”] > select item-n < /SELECT> For example : < SELECT NAME=“machine” > < OPTION> Pentium III < OPTION> Pentium II < OPTION> Other < /SELECT>

  20. FORM (續)  Scrolled Lists < SELECT NAME=“name” SIZE=n > < OPTION [VALUE=“value-1”] > select item-1 < OPTION [VALUE=“value-2”] > select item-2 : < OPTION [VALUE=“value-n”] > select item-n < /SELECT> For example : < SELECT NAME=“machine” SIZE=3 > < OPTION VALUE=“P3”> Pentium III < OPTION VALUE=“P2”> Pentium II < OPTION VALUE=“Px”> Other < /SELECT>

  21. FORM (續)  Check Boxes < INPUT TYPE=“CHECKBOX” NAME=“name-1” [VALUE=“value-1”] > < INPUT TYPE=“CHECKBOX” NAME=“name-2” [VALUE=“value-2”] > : < INPUT TYPE=“CHECKBOX” NAME=“name-n” [VALUE=“value-n”] > For example : < INPUT TYPE=“checkbox” NAME=“OS” > Operating System < INPUT TYPE=“checkbox” NAME=“PL” > Programming < INPUT TYPE=“checkbox” NAME=“DS” > Data Structure < INPUT TYPE=“checkbox” NAME=“DB” > Data Base

  22. FORM (續)  Radio Buttons < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-1”] > < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-2”] > : < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-n”] > For example : < INPUT TYPE=“checkbox” NAME=“Subject” VALUE=“OS” > Operating System < INPUT TYPE=“checkbox” NAME=“Subject” VALUE=“PL” > Programming < INPUT TYPE=“checkbox” NAME=“Subject” VALUE=“DS” > Data Structure < INPUT TYPE=“checkbox” NAME=“Subject” VALUE=“DB” > Data Base

  23. FORM (續)  Reset and Submit Buttons < INPUT TYPE=“RESET” VALUE=“value” [NAME=“name”] > < INPUT TYPE=“SUBMIT” VALUE=“value” [NAME=“name”] > For example : < INPUT TYPE=“reset” VALUE=“Clean” > < INPUT TYPE=“submit” VALUE=“OK” >  Hidden text < INPUT TYPE=“HIDDEN” NAME=“name” VALUE=“value” > For example : < INPUT TYPE=“hidden” NAME=“volume” VALUE=“2000-3” >

  24. 【實作】form1.htm 姓名：　　　　　　　　學號： 年級： 一年級 您喜歡的電腦科目： 　 作業系統　　 程式設計　　 資料結構　　 資料庫管理 您最擅長的程式語言 Visual C++Visual BasicCOBOLFortran 請寫出您的建議：

  25. VB Script 簡介  敘述 (statement) 　 敘述是由變數、常數、符號、保留字、… 所組成。  在 ASP 網頁中使用VBScript 　　範例：<HTML> <HEAD><TITLE>Simple VBScript</TITLE></HEAD> <BODY> <% FOR myvar = 1 to 100 %> <B>Hello, World!</B> <% NEXT %> </BODY> </HTML>

  26. VB Script 簡介 (續) 　　範例：<HTML> <HEAD><TITLE>Simple VBScript</TITLE></HEAD> <BODY> <% FOR myvar = 1 to 100 %> <%=MyVar%><B> : Hello, World!</B> <% NEXT %> </BODY> </HTML> 　　範例：<HTML> <HEAD><TITLE>Simple VBScript</TITLE></HEAD> <BODY> 　　　　　現在時間是： <% =NOW %> <BR> 　　　　　祝您有美好的一天！ </BODY> </HTML>

  27. VB Script 簡介 (續)  變數 (variable) - 命名規則： ․變數名稱不得超過 255 個字元。 ․第一個字元必須是英文字母，其餘部份可用英文 　　 字母、數字、或底線，其它符號則不能使用。 ․保留字不可以單獨作為變數名稱，但可以包含在 　　 變數名稱之內，作為變數名稱的一部份。 - VBScript 的變數使用前可以不用宣告。

  28. VB Script 簡介 (續) - 可以使用 OPTION EXPLICIT 強制變數一定要經過 　 宣告才能使用，如此有助於程式的除錯。 <% OPTION EXPLICIT %> <HTML> <HEAD> <TITLE>Simple VBScript</TITLE> </HEAD> <BODY> <% DIM myvar myvar = “Hello, World!” %> <% = myvar %> </BODY> </HTML>

  29. VB Script 簡介 (續)  常數 (constant) - 數值、字串、布林、日期、…等資料。 - Const 常數名稱= 運算式  資料型態 (Data Types) - VBScript 中的資料只有variant 一種型態。 - 在實際用到資料時，才依據使用場合決定是用字串 　 、數值、日期、布林、…等方式來處理。

  30. VB Script 簡介 (續) - Empty - 未經初始化的 variant。 - Null - 含有不合法內容的variant。 - Boolean - 布林值(True, False)。 - Byte - 整數 (0 ~ 255)。 - Integer - 整數(-32768 ~ 32767)。 - Long - 長整數(-2147483648 ~ 2147483647)。 - Single - 單精確度浮點數。 - Double - 雙精確度浮點數。 - Date - 日期資料。 - String - 字串資料。 - Object - OLE Automation 物件。 - Error - 錯誤碼。

  31. VB Script 簡介 (續)  陣列 (array) - 最多可設定到 60 維陣列。 - DIM ArrayName( n1 [, n2 , …, n60 ] ) 。 - 註標 (Subscript) 是由0 ~ (n-1) 。 <% DIM Student(10) Student(0) = “Tom” Student(9) = “Mary” %> - 可用 UBOUND(陣列名稱) 取得陣列大小 。

  32. VB Script 簡介 (續)  註解 (comment) - REM comment。 - 在敘述後面可以用單引號來加上註解。 <!-- 這是 HTML 的註解方式 --> <% REM 這是 VBScript 的註解方式 FOR I = 1 to 100 ‘ 這段程式用來求 1 ~ 100 的總和 Sum = Sum + I ‘ Sum 是用來儲存結果 NEXT ‘ 跳到迴圈起點 %>

  33. VB Script 簡介 (續)  日期和時間 - 日期常數可用雙引號或井字號括起來，分隔符號可 　　用斜線 ( / ) 或減號 ( - )。 #01/01/2000# #01-01-2000” 　　 “01/01/2000” - 時間常數可用雙引號或井字號括起來，並以冒號作 　 為分隔符號。 #12:31:45# 　　 “12:31:45”

  34. VB Script 簡介 (續) - NOW、TIME、DATE At the tone, the time will be: <% =NOW %> Current date is <% =DATE %> Current time is <% =TIME %> - YEAR( )、MONTH( )、DAY( )、WEEKDAY( ) 　　 民國 <% =YEAR(DATE)-1911 %> 年 <% = MONTH(DATE) %> 月 <% =DAY(DATE) %> 日 - HOUR( )、MINUTE( )、SECOND( ) - DATEADD( )、DATEDIFF ( )

  35. VB Script 簡介 (續) - Date and time intervals ․yyyy Year ․q Quarter ․m Month ․y Day of Year ․d Day ․w Weekday ․ww Week of year ․h Hour ․m Minute ․s Second

  36. VB Script 簡介 (續)  資料的格式化 - FORMATDATETIME(date, format) Short Date: <% = FORMATDATETIME(DATE, vbShortDate) %> Long Date: <% = FORMATDATETIME(DATE, vbLongDate) %> Short Timee: <% = FORMATDATETIME(DATE, vbShortTime) %> Long Time: <% = FORMATDATETIME(DATE, vbLongTime) %> - FORMATCURRENCY( ) - FORMATNUMBER( )

  37. VB Script 簡介 (續)  算術運算 - 運算子：＋、－、＊、／、＼、MOD、︿ - ABS( )、INT( )、FIX( )、ROUND( )、SGN( ) - ISNUMBER( )  關係運算 - 運算子：＞、＝、＜、＞＝、＜＝、＜＞

  38. VB Script 簡介 (續)  邏輯運算 - 運算子：AND、OR、XOR、IMP、EQV - ABS( )、INT( )、FIX( )、ROUND( )、SGN( ) - ISNUMBER( )  關係運算 - 運算子：＞、＝、＜、＞＝、＜＝、＜＞

  39. VB Script 簡介 (續)  字串處理 - 字串是用雙引號括起來的任何文字。 - 字串和字串可以用 & 號或 + 號來連結。 - SPACE( )、STRING( )、LEN( ) - JOIN( )、SPLIT( )、REPLACE( )、INSTR( ) - RIGHT( )、MID( )、LEFT( )

  40. VB Script 簡介 (續) - TRIM( )、LTRIM( )、RTRIM( ) - UCASE( )、LCASE( )、 - STRCOMP( )。  亂數 - RANDOMIZE、RND( )。 <% = INT(RND() * 6 + 0.5) %>

  41. VB Script 簡介 (續)  IF .. THEN .. : ELSE : END IF <% IF TIME > #6:00:00PM# THEN Response.Write “晚安” ELSE Response.Write “日安” END IF

  42. VB Script 簡介 (續)  SELECT CASE variable CASE value : CASE value : CASE ELSE : END SELECT

  43. VB Script 簡介 (續)  FOR variable = start TO end STEP adjust : NEXT  WHILE condition : EXIT : LOOP : WEND

  44. VB Script 簡介 (續)  DO : LOOP UNTIL condition  DO WHILE condition : LOOP

  45. VB Script 簡介 (續)  副程式 SUB subroutine(arg, …) : END SUB  自定函數 FUNCTION function(arg, …) : function = return_value END FUNCTION

More Related