第2章 ASP.NET網(wǎng)站文件、jQuery和Bootstrap_第1頁(yè)
第2章 ASP.NET網(wǎng)站文件、jQuery和Bootstrap_第2頁(yè)
第2章 ASP.NET網(wǎng)站文件、jQuery和Bootstrap_第3頁(yè)
第2章 ASP.NET網(wǎng)站文件、jQuery和Bootstrap_第4頁(yè)
第2章 ASP.NET網(wǎng)站文件、jQuery和Bootstrap_第5頁(yè)
已閱讀5頁(yè)，還剩61頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

思政元素-工匠精神1工匠精神，英文是Craftsman’sspirit，是一種職業(yè)精神，它是職業(yè)道德、職業(yè)能力、職業(yè)品質(zhì)的體現(xiàn)，是從業(yè)者的一種職業(yè)價(jià)值取向和行為表現(xiàn)。軟件工程師、Web前端開(kāi)發(fā)工程師軟件工程師是干嘛的有前途嗎？-知乎()Web前端開(kāi)發(fā)工程師_百度百科()Web前端工程師就業(yè)薪資有多少？新人能月入過(guò)萬(wàn)嗎？-知乎()本章要點(diǎn)：2能知道ASP.NET網(wǎng)站的文件組成。會(huì)用XHTML5常用元素建立.html文件。會(huì)用單文件模型和代碼隱藏頁(yè)模型建立Web窗體頁(yè)。會(huì)在Web窗體頁(yè)中建立CSS3樣式，會(huì)建立獨(dú)立的.css文件，并分別能用于控制Web窗體頁(yè)的樣式。會(huì)在Web窗體頁(yè)的<head>和<body>元素中編寫(xiě)JavaScript代碼，會(huì)建立獨(dú)立的.js文件，會(huì)調(diào)用JavaScript函數(shù)實(shí)現(xiàn)相應(yīng)的功能。能知道jQuery功能，能熟悉jQuery語(yǔ)法，會(huì)調(diào)用jQuery提供的JavaScript庫(kù)函數(shù)實(shí)現(xiàn)相應(yīng)的功能。能熟悉XML文件結(jié)構(gòu)，會(huì)建立.xml文件。能熟悉Web.config配置文件結(jié)構(gòu)和Global.asax文件。能知道Bootstrap功能，會(huì)調(diào)用Bootstrap提供的CSS樣式和JavaScript庫(kù)函數(shù)。目錄32.1.html文件和XHTML52.1.1.html文件結(jié)構(gòu)2.1.2常用XHTML5元素2.2.aspx文件2.2.1單文件頁(yè)模型2.2.2代碼隱藏頁(yè)模型2.3.css文件和CSS常識(shí)2.3.1定義CSS3樣式2.3.2CSS3樣式位置目錄42.4.js文件和JavaScript常識(shí)2.4.1JavaScript代碼位置2.4.2JavaScript運(yùn)用實(shí)例2.5jQuery2.5.1jQuery基礎(chǔ)語(yǔ)法2.5.2jQuery運(yùn)用實(shí)例2.6.xml文件和XML常識(shí)2.7Web.config2.8Global.asax2.9Bootstrap2.10小結(jié)2.1.html文件和XHTML55.html文件是一種靜態(tài)頁(yè)面文件，由HTML元素組成。當(dāng)客戶端瀏覽器訪問(wèn).html文件時(shí)，由瀏覽器解釋執(zhí)行。在VSC2019中默認(rèn)使用XHTML5文件類(lèi)型。XHTML5與HTML5使用相同的元素，但XHTML5具有更嚴(yán)格的規(guī)則。所有包含ASP.NET元素的動(dòng)態(tài)頁(yè)面最終都要轉(zhuǎn)化為包含相應(yīng)XHTML元素的靜態(tài)頁(yè)面才能被瀏覽器識(shí)別。2.1.1.html文件結(jié)構(gòu)6<!DOCTYPEhtml><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title></head><body>…</body></html>2.1.2常用XHTML5元素7<!--…-->表示注釋。<!DOCTYPEhtml>表示文檔類(lèi)型為HTML5。<html>…</html>表示這是一個(gè)HTML文檔。<head>…</head>表示文檔頭部信息。<meta>表示文檔的元信息。<title>…</title>表示瀏覽器標(biāo)題欄中顯示的信息，應(yīng)包含于<head>…</head>中。<style>…</style>表示CSS樣式信息，應(yīng)包含于<head>…</head>中。2.1.2常用XHTML5元素（續(xù)）8<body>…</body>表示文檔主體部分。<header>…</header>表示整個(gè)顯示頁(yè)面的標(biāo)題信息。<aside>…</aside>表示與旁邊內(nèi)容相關(guān)的標(biāo)題信息。<section>…</section>表示顯示頁(yè)面的內(nèi)容區(qū)域。<article>…</article>表示顯示頁(yè)面中與上下文不相關(guān)的獨(dú)立內(nèi)容。2.1.2常用XHTML5元素（續(xù)）9<footer>…</footer>表示顯示頁(yè)面中的腳注信息。<nav>…</nav>表示顯示頁(yè)面中的導(dǎo)航鏈接區(qū)域。<h1>…</h1>表示一級(jí)標(biāo)題，共六級(jí)標(biāo)題。<div>…</div>表示顯示頁(yè)面中的一塊內(nèi)容，俗稱(chēng)“層”，常用CSS樣式表統(tǒng)一其中的顯示格式。<p>…</p>表示一個(gè)段落。2.1.2常用XHTML5元素（續(xù)）10<br/>表示換行。<hr/>表示水平線。<table>…</table>表示一個(gè)表格。<ahref="Intro.html">我的簡(jiǎn)介</a>表示在瀏覽器上顯示超鏈接“我的簡(jiǎn)介”。<ahref="mailto:ssgwcyxxd@126.com">我的郵箱</a>表示在瀏覽器上顯示超鏈接“我的郵箱”，單擊鏈接后給ssgwcyxxd@126.com發(fā)郵件。常用的實(shí)體符號(hào)表11字符表示方法字符表示方法字符表示方法空格

<

<>

>''"''&&?©?®￥¥實(shí)例2-1認(rèn)識(shí)常用XHTML5元素12學(xué)習(xí)XHTML5元素的方法不需死記硬背，可在Internet上找一些.htm或.html為擴(kuò)展名的文件，然后在瀏覽器中瀏覽該文件效果。再選擇瀏覽器中的“查看”→“源文件”命令可看到源代碼，將瀏覽看到的效果與源代碼中的XHTML元素對(duì)比，從而了解XHTML元素的作用。源程序：HTML5.html程序說(shuō)明13<htmlxmlns="/1999/xhtml">中xmlns屬性值表示命名空間，在該命名空間中包含了所有XHTML元素的定義。<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>表示頁(yè)面的語(yǔ)言編碼字符集為UTF-8。<metaname="keywords"content="MyPetShop,XHTML5"/>表示能為搜索引擎提供頁(yè)面關(guān)鍵詞MyPetShop和XHTML5。程序說(shuō)明（續(xù)）14<metaname="description"content="XHTML5頁(yè)面示范"/>表示頁(yè)面的簡(jiǎn)要描述。<metaname="author"content="ssgwcyxxd@126.com,阿毛"/>表示頁(yè)面作者信息。<metahttp-equiv="refresh"content="3"/>表示頁(yè)面每隔3秒自動(dòng)刷新一次。2.2.aspx文件15.aspx文件（Web窗體）在ASP.NET網(wǎng)站中占據(jù)主體部分。直接或間接地繼承自System.Web.UI.Page類(lèi)。每個(gè)Web窗體中的代碼包括兩部分：一部分是處于<body>元素之間的用于界面顯示的代碼；另一部分是包含事件處理等的C#代碼。2.2.1單文件頁(yè)模型16界面顯示代碼和邏輯處理代碼（事件、方法等）都放在同一個(gè).aspx文件中。邏輯處理代碼包含于<script>元素中。<script>元素位于<html>元素之上，且包含runat="server"屬性。實(shí)例2-2熟悉單文件頁(yè)模型17本實(shí)例包含TextBox、Label、Button控件各一個(gè)。當(dāng)在文本框中輸入內(nèi)容后再單擊“確定”按鈕，則在標(biāo)簽中顯示“不管您輸什么，我都喜歡ASP.NET!”。源程序：SimplePage.aspx程序說(shuō)明18單文件頁(yè)模型在讀代碼時(shí)可先看<body>元素中內(nèi)容，主要關(guān)注有哪些控件對(duì)象、各對(duì)象的ID屬性值和各對(duì)象的事件名。再由各對(duì)象的事件名到<script>元素中找對(duì)應(yīng)的執(zhí)行方法。OnClick="btnSubmit_Click"表示單擊“確定”按鈕觸發(fā)Click事件后執(zhí)行位于<script>元素中的btnSubmit_Click()方法。2.2.2代碼隱藏頁(yè)模型19代碼隱藏頁(yè)模型適用于多個(gè)開(kāi)發(fā)人員共同創(chuàng)建網(wǎng)站的情形。顯示界面的代碼包含于.aspx文件，而邏輯處理代碼包含于對(duì)應(yīng)的.aspx.cs文件。.aspx文件不包含<script>元素，但在@Page指令中需包含引用的外部文件。實(shí)例2-3熟悉代碼隱藏頁(yè)模型20本實(shí)例實(shí)現(xiàn)的是與實(shí)例2-2相同的功能。源程序：CodeBehind.aspx程序說(shuō)明21在讀代碼時(shí)可先看.aspx文件中內(nèi)容，主要關(guān)注有哪些控件對(duì)象、各對(duì)象的ID屬性值和各對(duì)象的事件名。再由各對(duì)象的事件名到相應(yīng)的.aspx.cs文件中找對(duì)應(yīng)的執(zhí)行方法。AutoEventWireup="true"指定頁(yè)面事件自動(dòng)綁定到指定的方法。CodeFile="CodeBehind.aspx.cs"指定后臺(tái)編碼文件。Inherits="Chap2_CodeBehind"指定繼承的類(lèi)名。程序說(shuō)明（續(xù)）22"usingSystem;"語(yǔ)句表示導(dǎo)入System命名空間。2.3.css文件和CSS常識(shí)23級(jí)聯(lián)樣式表CSS是應(yīng)用于頁(yè)面中元素的樣式規(guī)則，現(xiàn)已被各類(lèi)瀏覽器所接受。CSS提供了精確定位和重新定義XHTML元素屬性的功能。一個(gè)CSS樣式文件可以作用于多個(gè)XHTML文件。CSS的版本有CSS1、CSS2、CSS3。2.3.1定義CSS3樣式24每個(gè)CSS3樣式有兩個(gè)部分：選擇器（如p）和聲明（如color:blue）。聲明由一個(gè)屬性（如color）及其值（如blue）組成。*選擇器25*選擇器適用于頁(yè)面中的所有元素，常用于全局設(shè)置。例如，將頁(yè)面中所有元素的字體設(shè)為Arial的CSS3樣式為：*{font-family:Arial;}元素選擇器26元素選擇器的取名即為XHTML元素名，用于重新定義指定的XHTML元素的屬性。例如，對(duì)所有<p>和</p>之間的段落設(shè)置文本對(duì)齊格式為居中的CSS3樣式為：p{text-align:center;}屬性選擇器27CSS3樣式說(shuō)明[attr]{…}選擇attr屬性的元素[attr=val]{…}選擇attr屬性值為val的元素[attr~=val]{…}選擇attr屬性值中包含val值（必須以空格間隔）的元素[attr|=val]{…}選擇attr屬性值中以val值（必須以下劃線間隔）開(kāi)始的元素[attr^=val]{…}選擇attr屬性值中以val值開(kāi)始的元素[attr$=val]{…}選擇attr屬性值中以val結(jié)尾的元素[attr*=val]{…}選擇attr屬性值中包含val值的元素類(lèi)選擇器28類(lèi)選擇器可以應(yīng)用于不同的XHTML元素或某個(gè)XHTML元素的子集。定義時(shí)，要在選擇器名前加“.”。例如，通過(guò)類(lèi)選擇器設(shè)置顏色為紅色的CSS3樣式為：.intro{color:#FF0000;}在頁(yè)面中，用class="類(lèi)名"的方式調(diào)用，如：<pclass="intro">

id選擇器29id選擇器應(yīng)用于由id值確定的XHTML元素的屬性，且常用于單個(gè)XHTML元素的屬性設(shè)置。需在選擇器（id名）前加“#”。例如，要對(duì)<divid="menubar">…</div>層中包含的內(nèi)容設(shè)置背景色為綠色的CSS3樣式為：#menubar{background-color:#008000;}2.3.2CSS3樣式位置30CSS3樣式可以放在不同的位置，包括與XHTML元素的內(nèi)聯(lián)、位于頁(yè)面的<style>元素中和外部樣式表（.css文件）中。注意：不同位置CSS3樣式的優(yōu)先級(jí)是內(nèi)聯(lián)樣式最高，其次是頁(yè)面樣式，最后是外部樣式表。內(nèi)聯(lián)樣式31內(nèi)聯(lián)樣式在XHTML元素的style屬性中定義，如：<pstyle="text-align:center;color:#FFFF00;">操作時(shí)，可直接在XHTML元素對(duì)應(yīng)的“屬性”窗口中選擇style屬性進(jìn)行設(shè)置，設(shè)置完成后會(huì)自動(dòng)生成樣式。實(shí)例2-4運(yùn)用頁(yè)面樣式32當(dāng)要為特定頁(yè)中的元素設(shè)置樣式時(shí)，可以在<head>元素中的<style>元素內(nèi)定義。定義時(shí)可根據(jù)需要采用不同的選擇器。源程序：Interior.aspx實(shí)例2-5運(yùn)用外部樣式表33外部樣式表常應(yīng)用于整個(gè)網(wǎng)站，并存儲(chǔ)于獨(dú)立的.css文件中。在調(diào)用時(shí)，使用<link>元素可以將樣式表鏈接到頁(yè)面。一個(gè)外部樣式表可以鏈接到多個(gè)頁(yè)面，這樣就可以很方便地管理整個(gè)網(wǎng)站的顯示風(fēng)格。源程序：Exterior.css源程序：Exterior.aspx2.4.js文件和JavaScript常識(shí)34JavaScript是一種面向?qū)ο蠛褪录?qū)動(dòng)的客戶端腳本語(yǔ)言，可以直接嵌入到頁(yè)面中，不需要Web服務(wù)器端的解釋執(zhí)行即可由瀏覽器解釋執(zhí)行。所有的瀏覽器均支持JavaScript。用途：在XHTML中創(chuàng)建動(dòng)態(tài)文本；響應(yīng)客戶端事件；讀取并改變XHTML元素的內(nèi)容；驗(yàn)證客戶端數(shù)據(jù)；檢測(cè)客戶端瀏覽器，并根據(jù)檢測(cè)到的瀏覽器類(lèi)型載入不同的頁(yè)面；創(chuàng)建Cookies；關(guān)閉瀏覽器窗口；在頁(yè)面上顯示時(shí)間等。2.4.1JavaScript代碼位置35位置形式通常有三種：在<head>元素中、在<body>元素中和獨(dú)立的.js文件中。實(shí)例2-6熟悉<head>元素中的JavaScript代碼36<head>元素中的JavaScript代碼包含于<script>…</script>元素之間，通常存放JavaScript函數(shù)，這些函數(shù)只有在被調(diào)用時(shí)才會(huì)執(zhí)行。源程序：HeadJS.aspx程序說(shuō)明37當(dāng)頁(yè)面執(zhí)行到<body>元素時(shí)，觸發(fā)load事件后調(diào)用message()函數(shù)，最后在瀏覽器中顯示“在head元素中”信息。注意：JavaScript中采用首字符為小寫(xiě)字母的方式命名對(duì)象、函數(shù)等。實(shí)例2-7熟悉<body>元素中的JavaScript代碼38與<head>元素類(lèi)似，<body>元素中的JavaScript代碼也要包含于<script>元素之間，但通常存放頁(yè)面載入時(shí)就需要執(zhí)行的JavaScript代碼。源程序：BodyJS.aspx程序說(shuō)明39在頁(yè)面載入時(shí)執(zhí)行document.write()函數(shù)輸出XHTML文本“在<body>元素中”，瀏覽器上顯示效果是“在<body>元素中”。注意：“<”在XHTML中用“<”表示，

“>”用“>”表示。實(shí)例2-8運(yùn)用獨(dú)立的.js文件40獨(dú)立的.js文件常用于多個(gè)頁(yè)面需要調(diào)用相同JavaScript代碼的情形。通常把所有.js文件放在同一個(gè)腳本文件夾中，這樣容易管理。在調(diào)用外部JavaScript文件時(shí)，需在<script>元素中加入src屬性值。源程序：FileJS.aspx程序說(shuō)明41在FileJS.aspx文件中，陰影部分中的src屬性值表示獨(dú)立的.js文件存放位置。當(dāng)頁(yè)面執(zhí)行到<body>元素時(shí)，觸發(fā)load事件后調(diào)用FileJS.js文件中的message()函數(shù)。實(shí)例2-9實(shí)現(xiàn)圖片動(dòng)態(tài)變化效果42本實(shí)例首先在頁(yè)面上顯示一張鼠標(biāo)圖片，當(dāng)鼠標(biāo)指標(biāo)指向該圖片時(shí)顯示另一張鼠標(biāo)圖片，移開(kāi)鼠標(biāo)指針后重新顯示原來(lái)的鼠標(biāo)圖片，從而實(shí)現(xiàn)變換圖片的效果。源程序：ChangeImg.aspx程序說(shuō)明：頁(yè)面載入后顯示mouseOut.jpg。getElementById()返回指定id的XHTML元素。當(dāng)鼠標(biāo)指針指向圖片時(shí)觸發(fā)mouseover事件后調(diào)用mouseOver()函數(shù)顯示mouseOver.jpg，移開(kāi)時(shí)觸發(fā)mouseout事件后調(diào)用mouseOut()函數(shù)顯示mouseOut.jpg。單擊后鏈接到。實(shí)例2-10實(shí)現(xiàn)一個(gè)簡(jiǎn)易時(shí)鐘43本實(shí)例在頁(yè)面上顯示一個(gè)數(shù)字時(shí)鐘，其中時(shí)間數(shù)據(jù)來(lái)源于客戶端。源程序：Timer.aspx程序說(shuō)明：當(dāng)頁(yè)面載入時(shí)，觸發(fā)<body>元素的load事件，執(zhí)行自定義的startTimer()函數(shù)，該函數(shù)過(guò)1秒后重復(fù)調(diào)用自身，連續(xù)地在div層divTimer上顯示當(dāng)前系統(tǒng)時(shí)間。其中，時(shí)間數(shù)據(jù)來(lái)源于客戶端。2.5jQuery44jQuery由JohnResig于2006年初創(chuàng)建。一個(gè)優(yōu)秀的JavaScript框架，提供JavaScript庫(kù)。訪問(wèn)和管理（包括插入、修改、刪除等操作）XHTML元素，設(shè)置XHTML元素的CSS樣式，處理XHTML元素的事件，實(shí)現(xiàn)XHTML元素的動(dòng)畫(huà)特效，為網(wǎng)站提供Ajax交互。支持XHTML5和CSS3，提供的jQueryMobile可以方便地用于智能手機(jī)和平板電腦的Web應(yīng)用程序開(kāi)發(fā)。絕大多數(shù)瀏覽器均支持jQuery。2.5jQuery（續(xù)）45在VSC2019中，通過(guò)NuGet程序包管理器安裝jQuery。安裝完成后，在網(wǎng)站根文件夾下的Scripts文件夾中會(huì)自動(dòng)添加最新的由jQuery提供的JavaScript庫(kù)。在VSC2019中，要使用jQuery提供的JavaScript庫(kù)，需要在頁(yè)面的<head>元素中添加相應(yīng)的引用，示例代碼如下：<scriptsrc="../Scripts/jquery-3.6.0.min.js"></script>2.5.1jQuery基礎(chǔ)語(yǔ)法46格式：$(selector).action()selector用于選擇瀏覽器對(duì)象（如表示瀏覽器窗口的window對(duì)象，表示XHTML文檔的document對(duì)象等），也可以用于選擇XHTML元素。action()通過(guò)調(diào)用jQuery已定義的方法或編寫(xiě)自定義方法，對(duì)選擇的對(duì)象執(zhí)行具體的操作。常用的jQuery選擇器47選擇器示例示例含義*選擇器$("*")選擇所有元素元素選擇器$("p")選擇所有<p>元素屬性選擇器$("[attr]")選擇所有帶有attr屬性的元素$("[attr='val']")選擇所有attr屬性的值等于val的元素$("[attr!='val']")選擇所有attr屬性的值不等于val的元素類(lèi)選擇器$(".intro")選擇所有class="intro"的元素id選擇器$("#menubar")選擇id="menubar"的元素first選擇器$("p:first")選擇第一個(gè)<p>元素contains選擇器$(":contains('W3C')")選擇包含指定字符串W3C的所有元素常用的jQuery方法48方法含義attr()設(shè)置或返回被選擇元素的屬性和值bind()向被選擇的元素添加事件處理代碼click()觸發(fā)或?qū)⒑瘮?shù)綁定到被選擇元素的click事件css()設(shè)置或返回被選擇元素的樣式屬性fadeIn()從隱藏到可見(jiàn)，逐漸地改變被選擇元素的不透明度f(wàn)adeOut()從可見(jiàn)到隱藏，逐漸地改變被選擇元素的不透明度f(wàn)adeToggle()對(duì)被選擇元素進(jìn)行隱藏和顯示的切換hide()隱藏被選擇的元素jQuery.ajax()執(zhí)行異步HTTP（Ajax）請(qǐng)求，常用于實(shí)現(xiàn)頁(yè)面的局部刷新load()觸發(fā)或?qū)⒑瘮?shù)綁定到被選擇元素的load事件mouseout()觸發(fā)或?qū)⒑瘮?shù)綁定到被選擇元素的mouseout事件mouseover()觸發(fā)或?qū)⒑瘮?shù)綁定到被選擇元素的mouseover事件ready()在HTML文檔就緒時(shí)觸發(fā)ready事件，然后執(zhí)行定義的函數(shù)text()設(shè)置或返回被選擇元素的內(nèi)容實(shí)例2-11利用jQuery管理XHTML元素49在本實(shí)例中，單擊“隱藏”區(qū)域，將隱藏陰影部分內(nèi)容；單擊“顯示”區(qū)域，將顯示陰影部分內(nèi)容；單擊“淡入或淡出”區(qū)域，將淡入或淡出陰影部分內(nèi)容；單擊“更改內(nèi)容”區(qū)域，將陰影部分內(nèi)容改為“我的內(nèi)容被更改了！”；單擊“更改樣式”區(qū)域，將頁(yè)面中所有元素的背景色改為黃色，字體改為隸書(shū)；源程序：ManageXhtml.aspx程序說(shuō)明50當(dāng)頁(yè)面文檔就緒時(shí)，觸發(fā)ready事件，執(zhí)行自定義的函數(shù)代碼，包括：（1）設(shè)置id屬性值為hide的元素的click事件處理代碼，該代碼將隱藏id屬性值為effect的元素。（2）設(shè)置id屬性值為show的元素的click事件處理代碼，該代碼將顯示id屬性值為effect的元素。（3）設(shè)置class屬性值為flip的元素的click事件處理代碼，該代碼將淡入或淡出id屬性值為effect的元素。程序說(shuō)明（續(xù)）51（4）設(shè)置id屬性值為chgText的元素的click事件處理代碼，該代碼將id屬性值為effect的元素的呈現(xiàn)內(nèi)容改為“我的內(nèi)容被更改了！”。（5）設(shè)置id屬性值為chgCss的元素的click事件處理代碼，該代碼將所有元素的背景色改為黃色，字體改為隸書(shū)。實(shí)例2-12利用jQuery實(shí)現(xiàn)一個(gè)時(shí)間數(shù)據(jù)來(lái)源于服務(wù)器端的時(shí)鐘52利用jQuery和JavaScript實(shí)現(xiàn)一個(gè)時(shí)鐘，其中時(shí)間數(shù)據(jù)來(lái)源于服務(wù)器端。源程序：Ajax.aspx程序說(shuō)明53當(dāng)頁(yè)面載入時(shí)，觸發(fā)<body>元素的load事件，執(zhí)行自定義的refresh()函數(shù)。該函數(shù)通過(guò)Ajax.aspx發(fā)送異步請(qǐng)求，當(dāng)成功執(zhí)行Ajax.aspx后，輸出當(dāng)前服務(wù)器端的系統(tǒng)時(shí)間，該值將傳遞給TimerJQuery.aspx中的datetime變量，再呈現(xiàn)在div層divMsg中。refresh()函數(shù)過(guò)500毫秒后重復(fù)調(diào)用自身，實(shí)現(xiàn)div層divMsg的局部刷新，呈現(xiàn)不斷變化的服務(wù)器端的系統(tǒng)時(shí)間。2.6.xml文件和XML常識(shí)54.xml文件常用于解決跨平臺(tái)交換數(shù)據(jù)的問(wèn)題。XML是一種可以擴(kuò)展的標(biāo)記語(yǔ)言，可以根據(jù)實(shí)際需要，定義相應(yīng)的語(yǔ)義標(biāo)記。與XHTML相比，XHTML用來(lái)顯示數(shù)據(jù)，而XML旨在傳輸和存儲(chǔ)數(shù)據(jù)。實(shí)例2-13表達(dá)一個(gè)XML格式的早餐菜單55利用XML格式描述一個(gè)早餐菜單，其中包括食物名稱(chēng)、價(jià)格、描述、熱量等。源程序：Breakfast.xml程序說(shuō)明56<?xml…?>表示XML聲明。其中，version屬性指定.xml文件遵循哪個(gè)版本的XML規(guī)范；encoding屬性指定使用的編碼字符集。<breakfast_menu>表示根元素。在一個(gè).xml文件中必須包含且只能包含一個(gè)根元素。<food>…</food>使用子元素描述一種早餐。各個(gè)<food>子元素形成兄弟關(guān)系。2.7Web.config57XML格式文件，用來(lái)存儲(chǔ)配置信息。形成一定的層次關(guān)系。最高層是位于網(wǎng)站根文件夾中的Web.config。下一層是子文件夾中的Web.config。網(wǎng)站根文件夾下的Web.config作用于整個(gè)網(wǎng)站，而子文件夾中的Web.config常用于存儲(chǔ)該子文件夾的授權(quán)信息。Web.config文件的基本結(jié)構(gòu)58源程序：Web.config<connectionStrings>——用于數(shù)據(jù)庫(kù)連接字符串的配置。<authentication>——用于身份驗(yàn)證的配置。<pages>——用于頁(yè)面的特定配置。例如，當(dāng)需要在頁(yè)面中使用包含于AjaxControlToolkit程序包中的控件時(shí)，可通過(guò)子元素<controls>進(jìn)行設(shè)置。<sessionState>——用于會(huì)話狀態(tài)的配置。2.8Global.asax59全局應(yīng)用程序類(lèi)文件?？蛇x文件，用于包含響應(yīng)應(yīng)用程序級(jí)別和會(huì)話級(jí)別事件的代碼。必須存儲(chǔ)于網(wǎng)站的根文件夾，且每個(gè)網(wǎng)站只能包含一個(gè)Global.asax文件。包含在Global.asax文件中的代碼將首先被執(zhí)行。Global.asax文件中處理典型事件的方法60Application_Start()——Web應(yīng)用程序啟動(dòng)時(shí)運(yùn)行的代碼。Application_End()——Web應(yīng)用程序關(guān)閉時(shí)運(yùn)行的代碼。

Application_Error()——Web應(yīng)用程序出現(xiàn)未處理的錯(cuò)誤時(shí)運(yùn)行的代碼。Session_Start()——用戶訪問(wèn)Web應(yīng)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論