【文章內(nèi)容簡介】 可以方便地獲得這些技術(shù)的優(yōu)點，其中包括托管的公共語言運行庫環(huán)境、類型安全、繼承等等。 可以無縫地與 WYSIWYG HTML 編輯器和其他編程工具（包括 Microsoft Visual Studio .NET）一起工作。這不僅使得 Web 開發(fā)更加方便，而且還能提供這些工具必須提供的所有優(yōu)點，包括開發(fā)人5 員可以用來將服務(wù)器控件拖放到 Web 頁的 GUI 和完全集成的調(diào)試支持。 當創(chuàng)建 應(yīng)用程序時 ，開發(fā)人員可以使用 Web 窗體或 XML Web services，或以他們認為合適的任何方式進行組合。每個功能都能得到同一結(jié)構(gòu)的支持，使您能夠使用身份驗證方案，緩存經(jīng)常使用的數(shù)據(jù)，或者對應(yīng)用程序的配置進行自定義 . 如果你從來沒有開發(fā)過網(wǎng)站程序，那么這不適合你，你應(yīng)該至少掌握一些 HTML 語言和簡單的 Web 開發(fā)術(shù)語 (不過我相信如果有興趣的話是可以很快的掌握的 )。你不需要先前的 ASP 開發(fā)經(jīng)驗（當然有經(jīng)驗更好），但是你必須了解交互式 Web 程序開發(fā)的概念，包含窗體，腳本，和數(shù)據(jù)接口的概念，如果你具備了這些條件的話 ，那么你就可以在 的世界開始展翅高飛了。 (5) 穩(wěn)定的可用性 : 一個服務(wù)器端平臺必須能全天候運轉(zhuǎn)以滿足公司客戶、合作伙伴的需要。 的處理架構(gòu) 運行的架構(gòu)分為幾個階段： 在 IIS 與 Web 服務(wù)器中的消息流動階段、在 網(wǎng)頁中的消息分派、在 網(wǎng)頁中的消息處理。 [11] Javascript Javascript 的概念 JavaScript 是一種能讓你的網(wǎng)頁更加生動活潑的程式語言，也是目前網(wǎng)頁中設(shè)計中最 容易學又最方便的語言。你可以利用 JavaScript 輕易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡易的選舉，還可以顯示瀏覽器停留的時間。讓這些特殊效果提高網(wǎng)頁的可觀性。 Javascript 的優(yōu)點 JavaScript 的出現(xiàn)無疑給 Web頁面設(shè)計帶來了非常大的便利： (1) 在 JavaScript 這樣的用戶端腳本語言出現(xiàn)之前，傳統(tǒng)的數(shù)據(jù)提交和驗證工作均由用戶端瀏覽器通過網(wǎng)絡(luò)傳輸?shù)椒?wù)器上進行。如果數(shù)據(jù)量很大，這對于網(wǎng)絡(luò)和服務(wù)器的資源來說實在是一種無形的浪費。而使用 JavaScript 就可以在客戶端進行數(shù)據(jù)驗證。 (2) JavaScript可以方便地操縱各種頁面中的對象，用戶可以使用 JavaScript來控制頁面中各個元素的外觀、狀態(tài)甚至運行方式， JavaScript 可以根據(jù)用戶的需要“定制”瀏覽器，從而使網(wǎng)頁更加友好。 (3) JavaScript 可以使多種任務(wù)僅在用戶端就可以完成，而不需要網(wǎng)絡(luò)和服務(wù)器的參與，從而支持分布式的運算和處理。 Javascript 的局限性 (1) 目前在互聯(lián)網(wǎng)上有很多瀏覽器，如 Firefox、 Inter Explorer、 Opera等，但每種瀏6 覽器支持 JavaScript 的程度是不一樣的，不同的瀏覽器在瀏覽一個帶有 JavaScript 腳本的主頁時，由于對 JavaScript 的支持稍有不同，其效果會有一定的差距，有時甚至會顯示不出來。 (2) 當把 JavaScript 的一個設(shè)計目標設(shè)定為“ Web 安全性”時，就需要犧牲 JavaScript的一些功能。因此，純粹的 JavaScript 將不能打開、讀寫和保存用戶計算機上的文件。其有權(quán)訪問的唯一信息就是該 JavaScript 所嵌入的那個 Web 主頁中的信息，簡言之，JavaScript 將只存在于 它自己的小小世界 — Web主頁里。 CSS CSS 的概念 級聯(lián)樣式表（ Cascading Style Sheet）簡稱“ CSS”，通常又稱為“風格樣式表（ Style Sheet）”，它是用來進行網(wǎng)頁風格設(shè)計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標移上去后字變成紅色的且有下劃線，這就是一種風格。通過設(shè)立樣式表，可以統(tǒng)一地控制 HTML 中各標志的顯示屬性。級聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁外觀。使用級聯(lián)樣式表，可以擴充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。 CSS 的優(yōu)點 (1) 增加站點的壽命 不規(guī)范的樣式表可能在當時覺得很方便，但新版本的瀏覽器出來以后，很可能就會出現(xiàn)兼容性問題。到時逐頁修改站點就是一項非常費時的工作同時也使使用 CSS 失去了意義。 (2) 讓你的站點對所有的用戶以及瀏覽器都適用。 有些地方的政府已經(jīng)立法要求網(wǎng)站必須讓殘障人士也同樣可以瀏覽。為殘障認識設(shè)計的瀏覽設(shè)備，比如聽力瀏覽器，對 CSS規(guī)范性要求極其嚴格。 (3) 讓站點更新和維護更加輕松。 使用方式得當?shù)脑挘?CSS可讓你在一個頁面中的調(diào)整快速應(yīng)用到所有頁面中去。 CSS 的使 用方式 你首先要做的選擇是使用哪一種樣式表。當涉及到最佳習慣時，對不同樣式表的分析如下： Inline CSS；簡單地說，你應(yīng)該盡量避免使用。除了一些其他的缺點之外，使用 Inline CSS 意味著你并沒有利用到 CSS 的真正優(yōu)點，即你并沒有將內(nèi)容與結(jié)構(gòu)分離開。 DW MX使用 Inline CSS 主要是為了定位頁面元素（這些元素在 DW MX 的用戶界面中稱為“層7 （ layer）” ），或者為了使用某個 DHTML 特效，它需要使用 Inline 樣式的 Javascript 來改變一個對象的屬性。 Embedded CSS：它 也不是最理想的，因為它只能對當前頁面施加影響。在更新的過程中，如果某一個頁面丟失，將會使站點的風格不一致；另外，當用戶瀏覽你的站點時，每一頁都要下載一次樣式表信息。 External CSS：這是你的第一選擇。 External CSS 可以讓所有連接到它的頁面保持一致的外觀風格；提綱挈領(lǐng)，更改一次，輕松更新所有相關(guān)頁面；讓你的頁面體積更小，瀏覽速度更快。 AJAX 技術(shù) AJAX 全稱為 “Asynchronous JavaScript and XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交 互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。 Ajax 技術(shù)是目前在瀏覽器中通過 JavaScript 腳本可以使用的所有技術(shù)的集合。 Ajax 并沒有創(chuàng)造出某種具體的新技術(shù)，它所使用的所有技術(shù)都是在很多年前就已經(jīng)存在了，然而Ajax以一種嶄新的方式來使用所有的這些技術(shù)，使得古老的 B/S 方式的 Web開發(fā)煥發(fā)了新的活力，迎來了第二個春天。 Ajax 技術(shù)之中，最核心的技術(shù)就是 XMLHttpRequest ，它最初的名稱叫做XMLHTTP，是微軟公司為了滿足開發(fā)者的需要， 1999 年在 瀏覽器中率先推出的。后來這個技術(shù)被上述的規(guī)范命名 為 XMLHttpRequest。它正是 Ajax 技術(shù)之所以與眾不同的地方。簡而言之， XMLHttpRequest 為運行于瀏覽器中的 JavaScript 腳本提供了一種在頁面之內(nèi)與服務(wù)器通信的手段。頁面內(nèi)的 JavaScript 可以在不刷新頁面的情況下從服務(wù)器獲取數(shù)據(jù)，或者向服務(wù)器提交數(shù)據(jù)。而在這個技術(shù)出現(xiàn)之前，瀏覽器與服務(wù)器通信的唯一方式就是通過 HTML表單的提交，這一般都會帶來一次全頁面的刷新。 與傳統(tǒng)的 Web 開發(fā)不同， Ajax 并不是以一種基于靜態(tài)頁面的方式來看待 Web 應(yīng)用的。從 Ajax的角度看來， Web 應(yīng)用僅 由少量的頁面組成，其中每個頁面其實是一個更小型的 Ajax 應(yīng)用。而一些簡單的 Ajax 應(yīng)用，例如一個簡單的 RSS 閱讀器，甚至只有一個頁面。每個頁面上面都包括有一些使用 JavaScript 開發(fā)的 Ajax 組件。這些組件使用XMLHttpRequest 對象以異步的方式與服務(wù)器通信，從服務(wù)器獲取需要的數(shù)據(jù)后使用 DOM API 來更新頁面中的一部分內(nèi)容。因此 Ajax 應(yīng)用與傳統(tǒng)的 Web 應(yīng)用的區(qū)別主要在 3 個地方： (1) 不刷新整個頁面，在頁面內(nèi)與服務(wù)器通信。 (2) 使用異步方式與服務(wù)器通信，不需要打斷用戶的操作，具有更加迅 速的的響應(yīng)能力。 8 (3) 應(yīng)用僅由少量頁面組成。大部分交互在頁面之內(nèi)完成，不需要切換整個頁面。 由此可見， Ajax使得 Web應(yīng)用更加動態(tài)，帶來了更高的智能，并且提供了表現(xiàn)能力豐富的 Ajax UI 組件。這樣一類新型的 Web應(yīng)用叫做 RIA（ Rich Inter Application）應(yīng)用。除了 Ajax，還包括有 Flash 等技術(shù)。 開發(fā)及運行環(huán)境 系統(tǒng)開發(fā)平臺： Microsoft Visual Studio 2021 數(shù)據(jù)庫： SQL Server 2021 運行平臺： Windows XP/Windows 2021/Windows 2021/Windows 7 分辨率：最佳效果 1024768像素 9 第三章 系統(tǒng)框架的搭建 本系統(tǒng)采用的三層架構(gòu) ,主要擁有文件夾 WebUI(頁面訪問層 ),WebBll(邏輯層 ),WebDal(數(shù)據(jù)訪問層 ), 區(qū)分層次的目的即為了“高內(nèi)聚，低耦合”的思想。下面主要說下三層框架的搭建方式及運行流程。 網(wǎng)頁的創(chuàng)建 打開 Microsoft Visual Studio 2021,點擊文件 新建 網(wǎng)站，彈出如下圖： 圖 31 新建網(wǎng)站 默認 選中 網(wǎng)站，選擇路徑和編程語言，因為本系統(tǒng)采用的是 C語言開發(fā)，下面有兩個選項，即 VB 和 C，我們在此處選擇 Visual C 單擊確定。此時一個簡單的網(wǎng)站頁面層就建成了。此時可以在 VS2021的資源管理器中看到如下圖： 10 圖 32 新建網(wǎng)站 在新建網(wǎng)站的時候，系統(tǒng)會自動生成 文件，此文件是整個網(wǎng)站的配置中心， 中必須存在的文件。 App_Data存放數(shù)據(jù)文件的地方。 創(chuàng)建三層 單擊文件 新建 項目彈出如下圖： 圖 33 創(chuàng)建三層 上圖四個重點都 用 1,2,3,4 標出來了， 1 為選擇類型，這里我們選擇類庫， 2 是類庫的名稱， 3，選擇項目所在路徑，關(guān)鍵在 4,第 4 處有兩個選擇，即“添加新解決方案” ,“創(chuàng)11 建新解決方案”，因為我們是要把三層融入本網(wǎng)站，所以這里選擇添入解決方案。然后點擊確定。這里我們的 WebMobile 層就建成功了，如下圖顯示： 圖 34 創(chuàng)建成功 然后改下類庫的命名空間 ,在類庫上面就是紅圈圈的地方右鍵，屬性，如下圖： 圖 35 修改命名空間 在原來的命名空間的 Web 后面加個點，這樣引用起來更方便快捷，最重要的用處就是不容易出錯，都是 點出來的。 至此我們的數(shù)據(jù)模型層搭建完畢，下面的 WebDal 層及 WebBll 層同上操作。最后操作結(jié)果如下： 12 圖 36 三層創(chuàng)建完畢 三層的引用及運行流程 首先 我們要明白三層運行的流程是什么樣的。這里就以管理員登陸為例子： 圖 37 三層結(jié)構(gòu) 從上圖我們可以看出來，當管理員點擊登陸的時候，這時候就觸發(fā)了一個訪問數(shù)據(jù)庫的請求，因為頁面沒有訪問數(shù)據(jù)庫的權(quán)限， 它 只能請求 WebBll， WebBll這時候把用戶的請求信息傳達給 WebDal,這時候 WebDal開始訪問數(shù)據(jù)庫，如果查詢到相關(guān)數(shù)據(jù)，則對查 詢出來的數(shù)據(jù)進行一下封裝字段。最后把封裝好的數(shù)據(jù)返回給 WebBll 層，再由 WebBll 層傳達到 WebUI 頁面，這時候 WebUI 頁面接收到返回來的請求結(jié)果，根據(jù)結(jié)果判斷這個用戶是否存在或密碼是否錯誤，從而判斷是否允許其進入系統(tǒng)。 13 知道了大概的流程，我們就來給這三層及頁面層創(chuàng)建關(guān)系。首先在 WebDal 層如下圖： 圖 38 為三層創(chuàng)建關(guān)系 在 WebDal層下面引用右鍵，添加引用，彈出如下圖： 圖 39 添加引用 因為 WebDal 層需要調(diào)用 WebMobile 層進行數(shù)據(jù)封裝，所以這里我們要引用WebMobile,同理， WebBll層需要引用 WebMobile 層和 WebDal層，頁面層需要引用 WebBll層及 WebMobile 層。全部引用完成之后，整體框架搭建成功。 14 第四章 系統(tǒng)詳細設(shè)計與實現(xiàn) 系統(tǒng) 結(jié)構(gòu) 系統(tǒng)結(jié)構(gòu)如下圖 41 所示： 網(wǎng) 絡(luò) 聊 天 室用 戶 注 冊管 理 員 登 錄會 員 登 錄大眾聊天修改密碼私密聊天退出登錄管理會員修改密碼退出登錄 圖 41 系統(tǒng) 結(jié)構(gòu) 圖 系統(tǒng) 用例圖 普通用戶：注冊、 登錄 聊天室、修改密碼、公共 /私密聊天、更改字體 前臺用例如下 圖 42： 15 u c U s e C a s e M o . . .注冊會員登錄聊天功能修改密碼更改字體更改大小更改顏色171。 i n cl u d e 187。171。 i n cl u d e 187。171。 i n cl u d e 187。 圖 42 前臺功能用例圖