01第1章搭建網(wǎng)站的運(yùn)行與開發(fā)環(huán)境

1、陳承歡 網(wǎng)站開發(fā)實(shí)例教程第1章搭建 網(wǎng)站的運(yùn)行環(huán)境 與開發(fā)環(huán)境 教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航 】 1【操作準(zhǔn)備】 2【操作演練 】 3【技術(shù)提升 】 4【歸納總結(jié) 】 6【知識(shí)集成 】5【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會(huì)安裝與配置IIS管理器，搭建 網(wǎng)站的運(yùn)行環(huán)境（2）學(xué)會(huì)安裝與配置Visual Studio 2008，搭建 網(wǎng)站的開發(fā)環(huán)境（3）學(xué)會(huì)創(chuàng)建簡單的Web網(wǎng)站（4）認(rèn)識(shí) 文檔的內(nèi)容，了解 文檔的結(jié)構(gòu)（5）體驗(yàn) 網(wǎng)站的運(yùn)行（6）了解 的運(yùn)行機(jī)制和 的文件類型 課時(shí)建議4課時(shí)【操作演練 】【任務(wù)描述】【任務(wù)1-1】安裝與配置IIS管理器 正確安裝與配置IIS管理器，搭建Web應(yīng)用程序的運(yùn)行環(huán)境?！救蝿?wù)

2、實(shí)施】 （1）單擊Windows Server 2008的【開始】，指向菜單【管理工具】，然后單擊菜單命令【服務(wù)器管理器】，打開如圖1-1所示【服務(wù)器管理器】窗口。在該窗口的右側(cè)分別羅列了服務(wù)器摘要、角色摘要、功能摘要以及資源支持等內(nèi)容。 【操作演練 】【任務(wù)實(shí)施】【任務(wù)1-1】安裝與配置IIS管理器 （2）在【服務(wù)器管理器】窗口的“角色摘要”一欄中，顯示了已經(jīng)安裝的角色。在【服務(wù)器管理器】窗口左側(cè)的單擊【角色】列表項(xiàng)，如圖1-3所示。 （3）在【角色摘要】中，單擊【添加角色】按鈕，打開【添加角色向?qū)А康摹伴_始之前”界面，如圖1-4所示。 （4）單擊【下一步】按鈕，進(jìn)入“選擇服務(wù)器角色”界面，

3、選中“Web服務(wù)器（IIS）”復(fù)選框節(jié)點(diǎn)，如圖1-6所示。 （5）單擊【下一步】按鈕，進(jìn)入“Web服務(wù)器（IIS）”界面，該界面對(duì)ISS作了概括性的介紹，如圖1-7所示。 【操作演練 】【任務(wù)實(shí)施】【任務(wù)1-1】安裝與配置IIS管理器 （6）單擊【下一步】按鈕，進(jìn)入“選擇角色服務(wù)”界面。在該界面中可以選取一些需要安裝的角色服務(wù)。 （7）單擊【下一步】，進(jìn)入“確認(rèn)安裝選擇”界面，如圖1-9所示。 （8）單擊【安裝】按鈕，進(jìn)入“安裝進(jìn)度”界面，并開始安裝IIS 7.0，如圖1-10所示。 （9）等待安裝完成后，安裝向?qū)ё詣?dòng)進(jìn)入“安裝結(jié)果”界面。 （10）單擊【關(guān)閉】按鈕，關(guān)閉【添加角色向?qū)А繉?duì)話框

4、，返回到【服務(wù)器管理器】窗口。 【操作演練 】【任務(wù)描述】【任務(wù)1-2】安裝與配置Visual Studio 2008 （1）安裝Visual Studio 2008 （2）配置Visual Studio 2008【任務(wù)實(shí)施】1安裝Visual Studio 2008 要在Visual 集成開發(fā)環(huán)境中開發(fā) 應(yīng)用程序，必須先安裝Visual 。下面介紹在Windows Server 2008系統(tǒng)中安裝Visual Studio 2008的操作步驟。 【操作演練 】【任務(wù)實(shí)施】【任務(wù)1-2】安裝與配置Visual Studio 2008 （1）準(zhǔn)備Visual Studio 2008安裝文件，運(yùn)行

5、Setup.exe文件，啟動(dòng)Visual Studio 2008安裝程序，如圖1-15所示。 （2）在如圖1-15所示的“安裝Visual Studio 2008的初始界面”中單擊“安裝Visual Studio 2008”鏈接進(jìn)行安裝。于是安裝程序開始自動(dòng)加載安裝組件，如圖1-16所示。 （3）Visual Studio 2008安裝程序加載所有的安裝組件完成后，如圖1-17所示?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)1-2】安裝與配置Visual Studio 2008 （4）在圖1-17所示的界面中單擊【下一步】按鈕，顯示待安裝的組件及許可條款等內(nèi)容，選中單選按鈕“我已閱讀并接受許可條款”，并

6、輸入產(chǎn)品密鑰，如圖1-18所示。 （5）單擊【下一步】按鈕，選擇安裝方式，在“默認(rèn)值”、“完全”和“自定義”三種安裝方式中選擇一種。 （6）單擊【安裝】按鈕，開始安裝Visual Studio 2008的組件，顯示正在安裝的進(jìn)程，安裝進(jìn)度如圖1-20所示。 （7）安裝Visual Studio 2008完成后，彈出如圖1-21所示的對(duì)話框，表示安裝成功?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)1-2】安裝與配置Visual Studio 2008 2配置Visual Studio 2008 （1）啟動(dòng)Visual Studio 2008 （2）選擇【工具】【選項(xiàng)】命令，打開【選項(xiàng)】對(duì)話框?！具x項(xiàng)】對(duì)話

7、框默認(rèn)的6個(gè)“選項(xiàng)”以及“常規(guī)”選項(xiàng)的默認(rèn)設(shè)置如圖1-24所示。 （3）設(shè)置Visual Studio項(xiàng)目位置 （4）選擇“總是顯示解決方案” （5）設(shè)置“自動(dòng)換行”功能【操作演練 】【任務(wù)描述】【任務(wù)1-3】創(chuàng)建簡單的Web網(wǎng)站 （1）創(chuàng)建蝴蝶e購網(wǎng)的歡迎頁面，體驗(yàn)Visual Studio 2008的高效。（2）在客戶瀏覽頁面中輸出用戶的登錄時(shí)間和IP地址?！救蝿?wù)實(shí)施】1創(chuàng)建網(wǎng)站（1）啟動(dòng)Visual Studio 2008之后，在主窗口單擊選擇【文件】【新建網(wǎng)站】命令，打開【新建網(wǎng)站】對(duì)話框。【操作演練 】【任務(wù)實(shí)施】【任務(wù)1-3】創(chuàng)建簡單的Web網(wǎng)站 （2）在【新建網(wǎng)站】對(duì)話框“模板”

8、列表中選擇“ 網(wǎng)站”，在“語言”列表框中選擇“Visual C#”，在網(wǎng)站存放位置列表框輸入創(chuàng)建網(wǎng)站的存儲(chǔ)位置，即“D: 網(wǎng)站開發(fā)實(shí)例教程WebSiteeShop01”，如圖1-28所示。 （3）在【新建網(wǎng)站】對(duì)話框中單擊【確定】按鈕，Visual Studio系統(tǒng)會(huì)自動(dòng)創(chuàng)建并配置新建的網(wǎng)站eShop01，并且會(huì)自動(dòng)創(chuàng)建一個(gè)Web頁面Default.aspx，同時(shí)在主窗口中顯示默認(rèn)文檔Default.aspx的代碼結(jié)構(gòu)，如圖1-29所示?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)1-3】創(chuàng)建簡單的Web網(wǎng)站 2設(shè)計(jì)Web頁面 在頁面“代碼”視圖中“”與“”之間輸入網(wǎng)頁標(biāo)題“蝴蝶e購網(wǎng)”。 單擊“編輯窗口

9、”底部的“設(shè)計(jì)”按鈕，切換到頁面的“設(shè)計(jì)”視圖，在“div”區(qū)域輸入文字“歡迎您光臨蝴蝶e購網(wǎng)”，如圖1-30所示，然后單擊工具欄中的【保存】按鈕或者【全部保存】按鈕，保存新建的頁面。3預(yù)覽頁面 直接按F5鍵或者在主窗口中單擊選擇【調(diào)試】【啟動(dòng)調(diào)試】命令瀏覽網(wǎng)頁?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)1-3】創(chuàng)建簡單的Web網(wǎng)站 4編寫程序代碼 單擊“編輯窗口”底部的“設(shè)計(jì)”按鈕，切換到頁面的“設(shè)計(jì)”視圖，然后在頁面雙擊切換到程序邏輯代碼編輯頁面“Default.asps.cs”，在該邏輯代碼編輯區(qū)域?yàn)镻age對(duì)象的Load事件編寫功能代碼，輸出用戶的登錄時(shí)間和客戶端主機(jī)的IP地址，如圖1-34所示

10、。5保存Web頁面 在Visual Studio 2008的主窗口單擊【保存】按鈕或【全部保存】按鈕，保存所創(chuàng)建Web頁面Default.aspx?！炯夹g(shù)提升 】【任務(wù)描述】【任務(wù)1-4】分析 文檔（1）認(rèn)識(shí) 文檔的內(nèi)容和結(jié)構(gòu)（2）分析 頁面的功能代碼【任務(wù)實(shí)施】1打開任務(wù)1-3中所創(chuàng)建網(wǎng)站eShop012分析Web頁面的源代碼任務(wù)1-3中所創(chuàng)建網(wǎng)站eShop01的Web頁面Default.aspx的源代碼如表1-所示?！炯夹g(shù)提升 】【任務(wù)1-4】分析 文檔表1-1網(wǎng)站eShop01的Web頁面Default.aspx的源代碼 行號(hào)頁面代碼010203040506070809101112131

11、41516 蝴蝶e購網(wǎng) 歡迎您光臨蝴蝶e購網(wǎng) 【技術(shù)提升 】【任務(wù)實(shí)施】【任務(wù)1-4】分析 文檔（1）01-02行代碼為頁面指令，即“”指令，主要用來建立頁面的運(yùn)行環(huán)境。（2）04-05行聲明文檔的類型，說明網(wǎng)頁文檔使用的XHTML是哪一個(gè)版本，這里使用的是XHTML 1.0。（3）07-18行的HTML源代碼被分為兩部分：之間的網(wǎng)頁頭部區(qū)域和之間的網(wǎng)頁主體部分。（4）表示網(wǎng)頁中包含一個(gè)表單對(duì)象。（5）表示布局區(qū)塊，div是一種XHTML的布局標(biāo)簽。（6）第08行和12行所出現(xiàn)的“runat=server”指明該代碼在服務(wù)器端執(zhí)行?！炯夹g(shù)提升 】【任務(wù)1-4】分析 文檔【任務(wù)實(shí)施】3分析Web

12、頁面的功能代碼任務(wù)1-3中所創(chuàng)建的Web頁面引用的代碼隱藏文件的功能代碼如表1-2所示?！炯夹g(shù)提升 】【任務(wù)1-4】分析 文檔行號(hào)代碼0102030405060708091011121314151617181920using System;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.W

13、ebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) Response.Write(客戶登錄時(shí)間為： + DateTime.Now+，); Response.Write(客戶端主機(jī)的IP地址為： + Request.UserHostAddress); 表1-2Web頁面的代碼文件Default.a

14、spx.cs中的代碼 【技術(shù)提升 】【任務(wù)描述】【任務(wù)1-5】體驗(yàn) 網(wǎng)站的運(yùn)行 （1）配置IIS虛擬站點(diǎn)。（2）體驗(yàn) 網(wǎng)站的運(yùn)行【任務(wù)實(shí)施】1配置IIS虛擬站點(diǎn)（1）打開IIS 7.0管理器在【開始】菜單中單擊選擇【管理工具】【Internet信息服務(wù)（IIS）管理器】命令，打開如圖1-38所示的【Internet信息服務(wù)（IIS）管理器】窗口?！炯夹g(shù)提升 】【任務(wù)實(shí)施】【任務(wù)1-5】體驗(yàn) 網(wǎng)站的運(yùn)行 （2）添加網(wǎng)站在【Internet信息服務(wù)（IIS）管理器】窗口中展開左側(cè)的第一個(gè)節(jié)點(diǎn)，然后右鍵單擊“網(wǎng)站”節(jié)點(diǎn)，在彈出的快捷菜單中單擊選擇【添加網(wǎng)站】命令，如圖1-39所示。打開【添加網(wǎng)站】對(duì)

15、話框。在【Internet信息服務(wù)（IIS）管理器】窗口添加網(wǎng)站eshop01后，選中該網(wǎng)站節(jié)點(diǎn)可以在窗口中間區(qū)域看到許多的功能模塊，并對(duì)網(wǎng)站進(jìn)行更加復(fù)雜的設(shè)置，如圖1-41所示。在【Internet信息服務(wù)（IIS）管理器】窗口中部下側(cè)單擊【內(nèi)容視圖】按鈕，切換到新添加網(wǎng)站eShop01的內(nèi)容視圖，如圖1-42所示?！炯夹g(shù)提升 】【任務(wù)實(shí)施】【任務(wù)1-5】體驗(yàn) 網(wǎng)站的運(yùn)行 2瀏覽網(wǎng)頁切換到網(wǎng)站eShop01的內(nèi)容視圖，在【Internet信息服務(wù)（IIS）管理器】窗口右側(cè)“操作”列表中單擊【瀏覽】超鏈接，瀏覽Web頁面Default.aspx，其效果如圖1-43所示。 【知識(shí)集成 】1.3.

16、1 運(yùn)行機(jī)制 運(yùn)行時(shí)首先是來自客戶端的請(qǐng)求，Web服務(wù)器的IIS根據(jù)相應(yīng)的條件（后綴名）將請(qǐng)求提交給解析器，經(jīng)過編譯、運(yùn)行，最終將請(qǐng)求結(jié)果返回給客戶端。1.3.2 的文件類型由于 支持多種語言開發(fā)及控件開發(fā)，因此文件類型較多，常見的文件類型如表1-3所示?！局R(shí)集成 】表1-3 常見的文件類型文件擴(kuò)展名功能及說明global.asax 應(yīng)用程序級(jí)別的邏輯代碼和事件處理程序代碼一般存放在該文件中web.config系統(tǒng)環(huán)境設(shè)置文件.aspx包含Web頁面結(jié)構(gòu)代碼的文件，瀏覽器可執(zhí)行此類文件，向服務(wù)器提出請(qǐng)求.cs或.vb.cs文件是存放使用C#語言編寫的程序代碼，.vb文件是存放使用 語言編寫的

17、程序代碼.ascx用戶控件文件，可包含在多個(gè).aspx文件中.asmx制作Web Service的原始文件.sdl或.wsdlWeb Service的描述文件，以XML格式保存【知識(shí)集成 】1.3.3 的代碼后置與代碼內(nèi)嵌創(chuàng)建基于 的Web頁面時(shí)，頁面的功能代碼可以放在單獨(dú)的程序文件中，也可以嵌入在.aspx文件中，在圖1-45所示的對(duì)話框中可以通過復(fù)選框加以選擇。圖1-45新建web頁面時(shí)選擇“將代碼放在單獨(dú)的文件中” 【知識(shí)集成 】（1）代碼后置代碼后置是微軟公司開發(fā)的一項(xiàng)技術(shù)，這樣做可以將程序功能代碼和頁面結(jié)構(gòu)代碼分離，使代碼更加清晰。1個(gè)web頁面由頁面文件（.aspx）和代碼文件（.cs）2個(gè)文件相互關(guān)聯(lián)構(gòu)成1個(gè)頁面，.aspx文件主要包含XHTML代碼和控件，在.cs文件中編寫功能代碼，包括事件處理程序、自定義的方法等。在創(chuàng)建web頁面時(shí)，選擇“將代碼放在單獨(dú)的文件中”復(fù)選框即可實(shí)現(xiàn)，如圖1-