交友网站的设计.ppt
第16章 交友網站的設計,16-1 交友網站的基礎16-2 資料庫版的留言簿16-3 System.IO版的留言簿16-4 ASP.NET的BBS電子佈告欄16-5 網站範例：ASP.NET票選系統16-6 網站範例：ASP.NET使用者清單聊天室,16-1 交友網站的基礎,16-1-1 訪客留言簿16-1-2 聊天室16-1-3 票選網調系統,16-1 交友網站的基礎,交友網站不只提供網友間強大的互動功能，還可以與網路上其它志同道合的網友建立談天說地的園地、共同參與線上連線遊戲、網路會議、留言版和即時訊息等人性化的互動功能，這就是為什麼網路交友能夠如此的迷人。,16-1-1 訪客留言簿,訪客留言簿（GuestBook）是一種常見的Web表單應用，類似News或BBS討論區提供網站使用者一個發表言論的地方，在留言薄可以依序顯示訪客訊息，如果想參與留言，只需在Web表單輸入基本資料和留言的內容，就可以發表個人高見，參與留言。,16-1-2 聊天室,無所不談的網路聊天室，一般來說，在聊天室都有指定的聊天主題，登入的使用者能夠進行多人的同時討論，聊天室顯示的訊息是所有參與的使用者都可以看到，每一個顯示的訊息可以指出是屬於誰的意見。,16-1-3 票選網調系統,線上投票、民調或考試系統對於ASP.NET來說都屬於類似的網站功能，顧名思義它可以在網站提供票選的園地，提供問題來要求網友選擇意見，並且進行網友票選的統計。,16-2 資料庫版的留言簿,16-2-1 建立訪客留言的資料庫16-2-2 訪客留言薄的ASP.NET程式16-2-3 電子郵件功能,16-2 資料庫版的留言簿,建立資料庫版的訪客留言簿，其步驟如下所示：使用Access建立訪客留言的資料庫Guestbook.mdb。使用ASP.NET建立訪客留言薄，這是一頁Web表單可以輸入訊息，並且顯示出資料表儲存的留言內容。建立電子郵件表單，使用System.Web.Mail名稱空間寄送郵件給留言者。,16-2-1 建立訪客留言的資料庫,訪客留言資料表GuestBook是用來儲存使用者輸入留言的欄位內容，其欄位如下表所示：,16-2-2 訪客留言薄的ASP.NET程式,在建立好訪客留言薄所需的資料庫後，ASP.NET程式只是整合Web表單讓網友輸入留言，將留言存入資料庫。然後在Web表單後顯示儲存在GuestBook資料表其它訪客的留言記錄。,16-2-3 電子郵件功能,在訪客留言簿顯示的留言訊息中，郵件地址是一個超連結，可以開啟Web郵件表單，使用System.Web.Mail名稱空間的郵件功能寄送電子郵件給此留言的使用者。,16-3 System.IO版的留言簿,使用System.IO名稱空間的文字檔案處理功能。文字檔案儲存使用者留言的HTML標籤，在Web表單後是顯示文字檔案的內容，也就是其它訪客的留言內容。,16-4 ASP.NET的BBS電子佈告欄,16-4-1 BBS電子佈告欄的基礎16-4-2 建立BBS電子佈告欄,16-4-1 BBS電子佈告欄的基礎-說明,BBS提供的討論功能允許回應使用者留言進行討論，不同於留言簿只能讓大家留下意見，還可以提供電子郵件功能讓參與討論的使用者相互進行私下討論，或在聊天室進行線上通訊。簡單的說，BBS就是整合留言簿、網頁電子郵件和聊天室的Web應用程式。,16-4-1 BBS電子佈告欄的基礎-留言板資料表,BBS留言板資料表儲存BBS目前開放的討論主題，其欄位如下表所示：,16-4-1 BBS電子佈告欄的基礎-留言內容資料表,BBS留言內容資料表是用來儲存BBS的留言，其欄位如下表所示：,16-4-2 建立BBS電子佈告欄,ASP.NET建立BBS電子佈告欄，其步驟如下：在BBS站新增使用者管理，因為參與BBS討論的使用者都需要先註冊成為會員。當登入BBS站後，使用網路商店的產品目錄功能，顯示留言板清單，在選擇留言版後顯示各板的留言標題，活用DropDownList控制項和DataGrid或DataList控制項，就可以建立此功能。請使用框架頁或Web控制項將網頁分成上下兩個部分，在上方顯示留言標題清單，下方是留言內容，按一下留言標題，就可以在下方顯示留言的內容。對於每一個留言，都提供有回應功能可以參與討論，或是提供電子郵件表單寄送電子郵件給留言者。在BBS站加上聊天室功能提供線上即時討論。,16-5 網站範例：ASP.NET票選系統,16-5-1 網站的安裝與使用16-5-2 網站的架構16-5-3 網站的檔案清單,16-5-1 網站的安裝與使用-1,ASP.NET Poll票選系統網站是獨立的Web應用程式，可以作為單獨的網站或社群網站的一部分，使用關聯式資料庫儲存票選題目和使用者的投票記錄。票選系統網站的安裝方式十分的簡單，只需將光碟Ch16-5資料夾中的所有檔案都複製到網站的主目錄，或是建立成虛擬目錄，就可以啟動瀏覽程式執行此網站，其首頁是Ch16-5.aspx。,16-5-1 網站的安裝與使用-2,16-5-1 網站的安裝與使用-3,16-5-1 網站的安裝與使用-3,16-5-1 網站的安裝與使用-4,16-5-1 網站的安裝與使用-5,16-5-2 網站的架構,ASP.NET票選系統網站使用表格清單顯示目前的票選題目、提供者和有多少使用者已經參與投票，使用者只需按表格每一列的超連結，就可以參與投票或檢視目前的票選結果。檔案架構資料庫架構資料流架構,16-5-3 網站的檔案清單,在ASP.NET票選系統網站一共擁有5個ASP.NET程式檔案，各檔案如下所示：Ch16-5.aspxJoinPoll.aspxViewPoll.aspxAddPoll.aspxAddPoll1.aspx,16-6 網站範例：ASP.NET使用者清單聊天室,16-6-1 網站的安裝與使用16-6-2 網站的架構16-6-3 網站的檔案清單,16-6-1 網站的安裝與使用-1,ASP.NET聊天室系統網站是獨立的Web應用程式，可以作為單獨的網站或社群網站的一部分，使用數個文字檔案（每一個聊天室一個）儲存聊天訊息。聊天室網站的安裝方式十分簡單，只需將光碟Ch16-6資料夾中的所有檔案都複製到網站的主目錄，或是建立成虛擬目錄，就可以啟動瀏覽程式執行此網站，其首頁是Ch16-6.aspx。,16-6-1 網站的安裝與使用-2,16-6-1 網站的安裝與使用-3,16-6-2 網站的架構,網站架構上並沒有使用網頁資料庫儲存聊天訊息，而是使用文字檔案內容儲存開講的聊天室訊息，每一個聊天室擁有一個以【聊天室名稱】為檔名的文字檔案，檔案內容是該聊天室的訊息，至於開講聊天室的名稱和說明是儲存在ChatRooms.xml的XML檔案。檔案架構框架頁架構資料流架構,16-6-3 網站的檔案清單,ASP.NET聊天室網站擁有Web.cofig、Global.asax和數個ASP.NET程式檔案，各檔案如下所示：Web.configGlobal.asaxCh16-6.aspxChatRoom.aspxChatTitle.aspxChatLogout.aspxChatInput.aspxChatMessage.aspxUsersList.aspxPrivateMsg.aspxAddRoom.aspxLogoutUser.aspx,
