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