




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
第三章
系統(tǒng)框架及頁面框架設計
提
綱HTML控件(教學重點)2母版頁(教學重點)3導航系統(tǒng)(教學重點)4樣式表及主題5控件及事件13.1控件及事件3.1.1控件的基本概念3.1.2事件3.1.1控件的基本概念控件是構建GUI的一個重要部分??丶橛脩籼峁┝藰嗣鱾€人偏好、錄入數(shù)據(jù)或者進行某種選擇的一種方法。Web控件有五類:HTML控件、HTML服務器控件、ASP.NET服務器控件、ASP.NETAJAX服務器控件、用戶控件及自定義控件。HTML控件HTML控件是任何HTML頁面都可用的原始的控件。它們在ASP.NET環(huán)境下與在其他的網(wǎng)頁環(huán)境下運行方式及效果相同??梢允褂肈reamweaver、VisualStudio或其他編輯器,甚至寫字板等生成、編輯。<HTML><HEAD>
標題部分
</HEAD><BODY>?<inputid="Text1"type="text"/></BODY></HTML>HTML服務器控件這些控件基于原始的HTML控件,通過對其功能的增強,使得能夠進行服務端處理。統(tǒng)一的格式,如:<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label><asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><asp:ButtonID="Button1"runat="server"Text="Button"/><asp:LinkButtonID="LinkButton1"runat="server">LinkButton</asp:LinkButton><asp:ImageButtonID="ImageButton1"runat="server"/>ASP.NET服務器控件ASP.NET服務器控件被集成進ASP.NET開發(fā)模型當中。它們在客戶端以HTML方式呈現(xiàn),并且提供和HTML服務器控件同樣的功能,甚至更多。驗證控件、數(shù)據(jù)源控件、DataView控件、自定義控件、登錄和安全控件、母版頁、Rich控件等均屬于ASP.NET服務器控件類。ASP.NETAJAX服務器控件ASP.NETAJAX服務器控件采用了AJAX系列技術來增強使用了ASP.NET服務器控件的頁面。ASP.NETAJAX服務器控件在客戶端以HTML和JavaScript呈現(xiàn)。ASP.NETAJAX服務器控件分為兩類:核心控件AJAX控件工具包控件用戶控件及自定義控件用戶控件(usercontrols)及自定義控件(customcontrols)由開發(fā)者建立。用戶控件是ASP.NET網(wǎng)頁的一部分,它可以在其他網(wǎng)頁中進行重用。對于ASP.NET開發(fā)人員來說,它和“文件包含(includefiles)”的功能類似,且功能更強大,支持屬性和事件。
3.1.2事件ASP.NET頁面及其所包含的控件都擁有繼承自Control類的事件(對于Error事件則是繼承自TemplateControl)。表2.2列出了一些常見的頁面和控件事件?;貍魇录貍魇录偈贡韱瘟⒖袒貍鞯椒掌鳌_@包括單擊類型的事件,如Button.Click。與之相對的是,某些事件(典型的有修改事件,如TextBox.TextChanged,或者選擇事件,如CheckBox.CheckedChanged)被認為是非回傳的,因為事件并不立即回傳到服務器。設置非回傳事件控件的AutoPostBack屬性為True,則可以強制它們采用回傳方式。表2.3列出了具有回傳與非回傳事件的控件。3.2HTML控件3.2.1HTML語言概述
3.2.2常用的HTML控件3.2.1HTML語言概述 HTML是超文本標記語言(HyperTextMarkupLanguage)的縮寫。
HTML文件的開頭和結尾由<HTML>和</HTML>來標記的。所有HTML文件都可以分為兩個部分:標題和正文。每一部分用特定的標記標出:在HTML語言中規(guī)定<HEAD>和</HEAD>標記標題部分,用<BODY>和</BODY>標記正文部分。
形式良好的XHTMLXHTML是一個Internet標準化協(xié)會(W3C)標準,當前版本是1.1。它將HTML定義成為形式化的XML文檔。以下是形式良好的HTML的一些規(guī)則(演示):關閉所有標簽無錯疊的標簽大小寫敏感引號唯一的根節(jié)點保留字符
<為
<>為
>&為
&“為
"
‘為
'
下面就給出了HTML文件的基本格式:<HTML><HEAD>
標題部分
</HEAD><BODY>
正文部分</BODY></HTML>3.2.2常用的HTML控件表單
框架的使用Table控件進行網(wǎng)頁布局整體布局布局登錄頁面布局DataList模板Input(Reset)控件實現(xiàn)重置功能Select控件實現(xiàn)聯(lián)動效果表單表單是用戶和Web應用程序、Web數(shù)據(jù)庫等進行交互的界面。表單由兩個部分組成:HTML代碼和執(zhí)行程序。其中HTML代碼主要用來生成表單的可視化界面,執(zhí)行程序主要用來負責對表單所包含的信息進行解釋或處理。
在HTML中,表單一般有如下的結構:
<FORMACTION=“…”METHOD=“…”>…<INPUT>……<SELECT>…</SELECT>…<TEXTAREA>…</TEXTAREA>…</FORM>框架的使用在HTML中,為解決網(wǎng)頁的框架結構,引入了框架標記。使用框架標記,就可以在一個屏幕上多開幾個窗口,在每個不同多窗口顯示不同的HTML文件。框架結構分兩種:外框架(FrameSet)內框架(IFrame)3.3母版頁(演示)母版頁是ASP.NET特有的功能,使用母版頁可以為Web應用程序中的頁創(chuàng)建一致的布局。單個母版頁可以為Web應用程序中的所有頁(或一組頁)定義所需的外觀和標準行為,然后可以創(chuàng)建包含要顯示內容的各個內容頁。當用戶請求內容時,這些內容頁與母版頁合并以將母版頁的布局與內容頁的內容組合在一起輸出。3.4導航系統(tǒng)網(wǎng)站導航條對于每個網(wǎng)站都是必不可少的,它相當于城市公路的路標,可以指引瀏覽者找到自己想要的內容。HyperLink實現(xiàn)簡單的網(wǎng)站導航在開發(fā)大型的網(wǎng)站時,開發(fā)者可能因為站點內容的不斷增加以及在站點內來回切換網(wǎng)頁,使得管理所有的鏈接變得比較困難。網(wǎng)站導航實現(xiàn)(演示)ASP.NET站點導航使開發(fā)者能夠將指向所有頁面的鏈接(站點地圖數(shù)據(jù))存儲在一個XML文件中(Web.sitemap)。為了在網(wǎng)頁中呈現(xiàn)這些鏈接,可以用一個特定的Web服務器控件(如TreeView控件、SiteMapPath控件、Menu控件)在每頁上呈現(xiàn)導航菜單。SiteMapPath+TreeView實現(xiàn)網(wǎng)站導航SiteMapPath+Menu實現(xiàn)網(wǎng)站導航使用Menu創(chuàng)建菜單使用ASP.NETMenu控件可以開發(fā)ASP.NET網(wǎng)頁的靜態(tài)和動態(tài)顯示菜單,可以用來以菜單形式顯示站點的結構。ASP.NETMenu控件支持靜態(tài)顯示和動態(tài)顯示兩種顯示方式,靜態(tài)顯示意味著ASP.NETMenu控件始終是完全展開的,同時控件的整個結構都是可視的,用戶可以單擊任何部位。動態(tài)顯示意味著只有菜單中指定的部分是靜態(tài)的,且只有用戶將鼠標指針放置在父節(jié)點上時才會顯示其子菜單項。其中,ASP.NETMenu控件的MaximumDynamicDisplayLevels屬性指定在靜態(tài)顯示層后應顯示的動態(tài)顯示菜單節(jié)點層數(shù)。使用TreeViewASP.NETTreeViewWeb服務器控件用于以樹形結構顯示分層數(shù)據(jù),如目錄或文件目錄等。該控件可以顯示下面幾個功能:可以顯示為可選擇文本或超鏈接的節(jié)點文本。能夠自動數(shù)據(jù)綁定,還可以綁定到分層數(shù)據(jù)。能夠在節(jié)點顯示復選框??梢詣討B(tài)創(chuàng)建TreeView控件。可以使用主題、用戶定義的圖像和樣式自定義外觀。3.5樣式表及主題主題有兩種形式:定制主題和樣式表主題。定制主題需要通過設置Theme屬性實現(xiàn),樣式表主題需要通過設置StyleSheetTheme屬性實現(xiàn)。要將一個主題與一個網(wǎng)頁相關聯(lián),只要設置@Page指令中的Theme屬性或StyleSheetTheme屬性。還可以為整個應用程序中的頁面指定和禁用主題。實現(xiàn)這種主題設置可通過在Web.Config文件的<Pages>配置節(jié)配置如下內容。<PagesTheme=“主題名”>定制主題(演示)創(chuàng)建主題文件夾(App_Theme)添加外觀文件(.skin)在.skin文件中添加相關代碼<asp:TextBoxrunat="server"BackColor="#C0FFFF"BorderColor="#8080FF"BorderStyle="Solid"SkinID="bule"></asp:TextBox>在其他頁面文件中應用.skin文件中的控件外觀設置。<%@PageLanguage="C#"AutoEventWireup="true"Theme="mytheme"CodeFile="Default.aspx.cs"Inherits="_Default"%>樣式表主題(演示)創(chuàng)建主題文件夾(App_Theme)添加外觀文件(.skin)在.skin文件中添加相關代碼<asp:TextBoxBackColor="Silver"ForeColor="Blue"Runat="Server"/>在其他頁面文件中應用.skin文件中的控件外觀設置。<%@PageLanguage="C#"AutoEventW
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 騰訊在線考試題及答案
- 特種作業(yè)人員考試題庫及答案
- 易經(jīng)大賽試題及答案
- 杭州移動面試題及答案
- 招聘公安面試題及答案
- 2025年警察考試題庫
- 2025年淳安安全員b證考試題庫
- 2025年育嬰員證考試題庫
- 2025年專業(yè)醫(yī)療技術考試題庫
- 2025年深圳高校入學考試題庫
- 肉夾饃的創(chuàng)業(yè)計劃書
- 《前置胎盤病例討論》課件
- MSOP(測量標準作業(yè)規(guī)范)測量SOP
- 年度安全生產(chǎn)投入臺賬(詳細模板)
- 【波司登羽絨服企業(yè)研發(fā)支出的會計處理】9000字論文
- 營養(yǎng)風險篩查(NRS2002)解讀
- 食材配送服務方案投標方案(技術標)
- DB43-T 140-2023 造林技術規(guī)程
- 過敏性休克病例討論
- GB 30616-2020食品安全國家標準食品用香精
- GA/T 1343-2016防暴升降式阻車路障
評論
0/150
提交評論