靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程(搭建開(kāi)發(fā)環(huán)境)-課件

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程學(xué)習(xí)情境一搭建開(kāi)發(fā)環(huán)境1ppt課件課程地位PrevHTMLSQLBaseLogicJavaC#/WinFormsSTBProject1:ADO.Net+WinFormsC/SADO.Net/ThreeTierJavaScriptSQLAdvanceJavaOOPProject2:B/S.Net/OOPJSPAjax/WebServiceJSP/Servlet/JavaBean/WebServiceStruts/Hibernate/Spring/AjaxASP.NetNTCProject3:Net/JavaHR/CRM/OA/B2CB/S行業(yè)手冊(cè)2ppt課件就業(yè)技能結(jié)構(gòu)圖3ppt課件本門課程目標(biāo)學(xué)完本門課程后，你能夠：熟練使用VisualStudio開(kāi)發(fā)環(huán)境開(kāi)發(fā)ASP.NET應(yīng)用程序完成常見(jiàn)的數(shù)據(jù)操作任務(wù)運(yùn)用ASP.NET開(kāi)發(fā)商業(yè)站點(diǎn)4ppt課件課程項(xiàng)目展示網(wǎng)上書店演示圖書列表數(shù)字水印5ppt課件課程項(xiàng)目展示RSS發(fā)布新書列表6ppt課件預(yù)習(xí)檢查創(chuàng)建ASP.NET頁(yè)面時(shí)，自動(dòng)生成了哪幾個(gè)文件？使用ASP.NET做開(kāi)發(fā)，是否一定要安裝IIS？7ppt課件本章任務(wù)初識(shí)ASP.NET制作第一個(gè)ASP.NET頁(yè)面顯示學(xué)員信息列表8ppt課件本章目標(biāo)掌握簡(jiǎn)單ASP.NET程序的開(kāi)發(fā)步驟掌握ASP.NET控件+事件的開(kāi)發(fā)方式會(huì)使用Label、TextBox、Button等簡(jiǎn)單的控件9ppt課件B/S概念回顧B/S與C/S相比各有何優(yōu)缺點(diǎn)？B/S的典型應(yīng)用場(chǎng)景有哪些？10ppt課件ASP.NET的特色與優(yōu)勢(shì)4-1與瀏覽器無(wú)關(guān)方便設(shè)置斷點(diǎn)，易于調(diào)試編譯后執(zhí)行，運(yùn)行效率高豐富的控件庫(kù)代碼后置，邏輯分明11ppt課件ASP.NET的特色與優(yōu)勢(shì)4-2編譯后執(zhí)行，運(yùn)行效率高_(dá)__________________________代碼編譯Microsoft

中間語(yǔ)言（MSIL或IL）JIT

編譯器

機(jī)器語(yǔ)言分別編譯IL的每一部分12ppt課件ASP.NET的特色與優(yōu)勢(shì)4-3豐富的控件庫(kù)內(nèi)置80多種控件統(tǒng)計(jì)表明，采用新控件方式的編碼，至少比早期減少70%的代碼量使用純JavaScript腳本方式編寫樹(shù)形目錄需要大量編碼而使用TreeView導(dǎo)航控件，無(wú)需編寫一行代碼即可完成13ppt課件ASP.NET的特色與優(yōu)勢(shì)4-4代碼后置，將業(yè)務(wù)邏輯代碼與顯示邏輯分開(kāi)ASPX頁(yè)面頁(yè)面顯示.aspx頁(yè)面業(yè)務(wù)邏輯.cs文件程序員頁(yè)面設(shè)計(jì)人員14ppt課件成功案例5-1因?yàn)锳SP.NET具有諸多優(yōu)勢(shì)，越來(lái)越多的企業(yè)開(kāi)始采用ASP.NET技術(shù)構(gòu)建它們的網(wǎng)絡(luò)應(yīng)用系統(tǒng)。戴爾電腦當(dāng)當(dāng)書店中華英才網(wǎng)微軟官方網(wǎng)站......15ppt課件ASP.NET成功案例5-2/content/default.aspx戴爾公司官方網(wǎng)站網(wǎng)站是戴爾電腦直銷的最主要渠道之一每天有上千訂單通過(guò)戴爾網(wǎng)站提交和處理16ppt課件ASP.NET成功案例5-3http:///mallhome/home/default.aspx當(dāng)當(dāng)網(wǎng)全球最大的中文網(wǎng)上書店提供近百萬(wàn)種商品的在線銷售17ppt課件ASP.NET成功案例5-4/index.aspx中華英才網(wǎng)網(wǎng)站日均瀏覽量超過(guò)1900萬(wàn)擁有超過(guò)1360萬(wàn)個(gè)人注冊(cè)用戶擁有超過(guò)1250萬(wàn)份有效簡(jiǎn)歷累計(jì)超過(guò)140萬(wàn)家企業(yè)注冊(cè)會(huì)員每天提供超過(guò)160萬(wàn)個(gè)有效職位18ppt課件ASP.NET成功案例5-5/en/us/default.aspx微軟公司官方網(wǎng)站19ppt課件小結(jié)列舉2-3條ASP.NET的特色和優(yōu)勢(shì)。為什么說(shuō)ASP.NET應(yīng)用程序運(yùn)行效率高？20ppt課件搭建開(kāi)發(fā)環(huán)境安裝IIS并配置虛擬目錄IIS是基于Windows系統(tǒng)的Web服務(wù)器的ASP.NET應(yīng)用程序的發(fā)布是基于IIS服務(wù)器的IIS類似JSP中使用的Tomcat，提供了更為強(qiáng)大的功能視頻：IIS安裝和配置視頻21ppt課件注意事項(xiàng)單擊“添加/刪除Windows組件”確保“應(yīng)用程序服務(wù)器”處于選中狀態(tài)22ppt課件開(kāi)發(fā)服務(wù)器在VS中，內(nèi)置了輕量級(jí)的Web服務(wù)器Cassini無(wú)須配置IIS、設(shè)置相應(yīng)權(quán)限Cassini運(yùn)行時(shí)在狀態(tài)欄的顯示可以查看開(kāi)發(fā)服務(wù)器的狀態(tài)信息23ppt課件第一個(gè)ASP.NET應(yīng)用程序時(shí)間提示頁(yè)面在VisualStudio中新建一個(gè)網(wǎng)站設(shè)置站點(diǎn)位置拖入相關(guān)控件編寫事件處理方法查看運(yùn)行效果

演示示例：第一個(gè)ASP.NET應(yīng)用程序

24ppt課件項(xiàng)目位置設(shè)置新建網(wǎng)站時(shí)，可選擇項(xiàng)目的位置，有多種選擇點(diǎn)擊瀏覽可以更改項(xiàng)目位置25ppt課件可視化的設(shè)計(jì)雙擊Botton控件，到代碼頁(yè)，可以編寫代碼，與WinForms編程類似點(diǎn)擊“源”可看到HTML視圖與WinForms一樣簡(jiǎn)單的控件+事件方式26ppt課件基于控件+事件的編程protectedvoidbtnOK_Click(objectsender,EventArgse){stringgreeting;switch(DateTime.Now.Hour){ ...... case12: greeting="嘿，{0}同學(xué)，吃中午飯了！"; break; ......}stringmessage=string.Format(greeting,txtName.Text.Trim());lblMessage.Text=message;}Botton單擊事件方法通過(guò)Text屬性直接獲取控件值，無(wú)須像jsp中使用Get、Post等方式27ppt課件查看解決方案組成這是我們剛才頁(yè)面的解決方案組成存放數(shù)據(jù)的文件夾自動(dòng)創(chuàng)建的窗體文件代碼后置文件站點(diǎn)配置文件ASP.NET中，HTML代碼和C#代碼分別存儲(chǔ)于不同的文件中，稱作代碼后置28ppt課件編碼方式ASP.NET有兩種編碼方式：代碼內(nèi)嵌和代碼后置代碼內(nèi)嵌，HTML代碼和C#代碼交叉使用。演示示例：代碼內(nèi)嵌展示內(nèi)嵌方式只有.aspx文件29ppt課件體會(huì)ASP.NET的開(kāi)發(fā)過(guò)程顯示學(xué)員信息創(chuàng)建ShowStudents.aspx頁(yè)面。將學(xué)員信息表拖入頁(yè)面設(shè)置顯示字段和標(biāo)頭設(shè)置自動(dòng)套用格式添加分頁(yè)功能，設(shè)置每頁(yè)顯示10條信息演示示例2：學(xué)員信息列表30ppt課件關(guān)鍵步驟：將表拖入頁(yè)面拖入表時(shí)，自動(dòng)出現(xiàn)相關(guān)信息使用服務(wù)器資源管理器，打開(kāi)學(xué)員信息數(shù)據(jù)庫(kù)將Student表拖入頁(yè)面的設(shè)計(jì)窗口內(nèi)31ppt課件關(guān)鍵步驟：設(shè)置字段和標(biāo)題設(shè)置Columns，可編輯顯示字段HeaderText設(shè)置列標(biāo)題顯示的內(nèi)容32ppt課件關(guān)鍵步驟：套用風(fēng)格選擇自動(dòng)套用格式多種格式可選33ppt課件關(guān)鍵步驟：設(shè)置分頁(yè)AllowPaging置為True打開(kāi)分頁(yè)功能PageSize屬性設(shè)置每頁(yè)的顯