Web网站应用实例探讨.ppt

第18章 Web網站應用實例探討 18-1 圖片版訪客計數 18-2 聊天室 18-3 訪客留言簿 18-4 電子賀卡 18-5 BBS電子佈告欄 18-6 網路商店 18-7網路投票系統 18-8 網址搜尋引擎 18-1 圖片版訪客計數 18-1-1 圖片版訪客計數的架構 18-1-2 圖片版訪客計數的程式說明 18-1-1 圖片版訪客計數的架構-說明 網站的訪客計數是一種網站的必備功能，其目的是顯示有多少位訪客曾經瀏覽過此網站，在作法上，可以從開站以來累計的訪客總數，或是一段期間的計數，例如：一個月或一年內的訪客數。 圖片版訪客計數除了顯示數字圖片的訪客計數外，還會使用Cookie記錄使用者名稱，如果曾經造訪過，就會顯示歡迎進入網站的訊息文字。 訪客計數應用程式是在Global.asax檔案使用Application變數值來新增訪客計數。 18-1-1 圖片版訪客計數的架構-檔案 在「Ch18\Counter」資料夾的相關檔案，如下表所示： 18-1-1 圖片版訪客計數的架構-執行 請啟動VWD開啟「Ch18\Counter」網站後，網站首頁是名為Default.aspx的ASP.NET程式，其執行結果如下圖所示： 18-1-2 圖片版訪客計數的程式說明 圖片版訪客計數的ASP.NET程式檔案是位在「Ch18\Counter」資料夾，數字圖片是在「images」子資料夾。 新增訪客計數Global.asax 首頁Default.aspx 18-2 聊天室 18-2-1 聊天室的架構 18-2-2 使用聊天室 18-2-3 聊天室的程式說明 18-2-1 聊天室的架構-說明 聊天室是一種擁有即時聊天功能的談天園地，進入聊天室的使用者，可以馬上回應其他使用者的聊天訊息。 聊天室應用程式本身是一頁HTML框架頁，相關程式檔案是位在「Ch18\ChatRoom」資料夾，如下表所示： 18-2-1 聊天室的架構-架構圖 聊天室訊息是使用Application(Msg9) ~ Application(Msg1)變數儲存，換句話說，在聊天室只保留最新的9則訊息，其架構如下圖所示： 18-2-2 使用聊天室 請啟動VWD開啟「Ch18\ChatRoom」網站後，聊天室首頁是ChatRoom.htm框架頁，其執行結果如下圖所示： 18-2-3 聊天室的程式說明 聊天室的ASP.NET程式檔案是位在「Ch18\ChatRoom」資料夾，包含一頁框架頁的HTML文件和2個ASP.NET程式。 聊天室框架頁ChatRoom.htm 張貼訊息ChatForm.aspx 顯示聊天訊息ShowChatMsgs.aspx 18-3 訪客留言簿 18-3-1 訪客留言簿的架構 18-3-2 使用訪客留言簿 18-3-3 訪客留言簿的程式說明 18-3-1 訪客留言簿的架構-說明 「訪客留言簿」（GuestBook）是Web表單處理的應用，提供網站使用者一個發表言論的地方，留言薄可依序顯示訪客張貼的訊息。如果想留言，請在Web表單輸入資料和留言內容來新增留言。 18-3-1 訪客留言簿的架構-檔案 訪客留言簿應用程式「Ch18\GuestBook」資料夾的相關檔案，如下表所示： 18-3-1 訪客留言簿的架構-架構圖 訪客留言簿的留言內容是使用System.IO名稱空間的類別儲存在文字檔案，文字檔案如同一個資料庫，可以提供Web應用程式存取留言內容，其架構如下圖所示： 18-3-2 使用訪客留言簿-新增留言 請啟動VWD開啟「Ch18\GuestBook」網站後，新增留言是GuestBook.aspx程式，其執行結果如下圖所示： 18-3-2 使用訪客留言簿-檢視留言 在主選單選【顯示訪客留言】，就可以看到目前所有的留言訊息，如下圖所示： 18-3-3 訪客留言簿的程式說明 訪客留言簿的ASP.NET程式檔案是位在「Ch18\GuestBook」資料夾，包含主版頁面、網站地圖檔和2個ASP.NET程式。 主版頁面GuestBook.master 網站地圖檔案web.sitemap 新增留言GuestBook.aspx 檢視留言ShowMessage.aspx 18-4 電子賀卡 18-4-1 電子賀卡的架構 18-4-2 使用電子賀卡 18-4-3 電子賀卡的程式說明 18-4-1 電子賀卡的架構-說明 電子賀卡是Web表單和電子郵件的應用，使用者在賀卡網站的Web表單選好圖片和輸入賀卡內容，在預覽卡片後，可以寄一封電子郵件給收件者，通知收件者有一張電子賀卡，郵件內容為賀卡編號。 當收件者收到賀卡通知後，即可回到網站檢視賀卡內容，只需在表單欄位輸入賀卡編號，就可以看到寄件者寄給您的電子賀卡。 18-4-1 電子賀卡的架構-檔案 電子賀卡使用Syst