




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、第三章站點導航控件與母版頁回顧2-1JSP中實現(xiàn)樹形目錄的方式?你使用過哪些HTML控件和Web控件?回顧2-2檢查下面代碼中的錯誤,并改正if (this.txtloginId.Text.Trim() = accp & this.txtLoginPwd.Text.Trim() = accp) Session(User“) = accp; Response.redirect( e.aspx);SessionUser Redirect 預習檢查TextBox控件除了有單行、多行,還有哪種形式?本章講述的導航控件有哪幾個?母版頁是的主要作用是什么?本章任務為網上書店管理員構建站點母版頁建立網上書店
2、管理員后臺導航系統(tǒng)本章目標掌握各種站點導航控件的使用方法掌握 MasterPage 搭建頁面框架的方法熟練使用常用的Web控件控件概述 的控件分類 HTML控件 Web控件 提供豐富的功能, 可執(zhí)行復雜的頁面請求 Web服務器控件的優(yōu)點 跨瀏覽器兼容性 事件驅動編程模型 . 與WinForms編程一樣簡單 程序員不用考慮瀏覽器版本 HTML控件也可以轉換成服務器端控件Label控件Label控件在頁面上顯示一個靜態(tài)文本。Label控件常用屬性Text屬性ForeColor屬性Visible屬性標簽上顯示的文本文字顏色是否可見Label控件的不同視圖設計器視圖設計時的源文件視圖瀏覽器效果瀏覽時的
3、頁面源代碼This is a Label!Button控件Button控件在頁面上顯示一個按鈕Button控件常用屬性CausesValidation屬性CommandName屬性PostBackUrl屬性是否激活驗證按鈕相關的命令名發(fā)送到的頁面(可選)跨頁提交時設置TextBox控件TextBox控件在頁面上顯示一個可編輯的文本框TextBox控件常用屬性 pleteType屬性 TextMode屬性 客戶端自動完成類型 指示為單行輸入 SingleLine MultiLine Password 指示為多行輸入 密碼輸入方式(*) AutoPostBack屬性 是否自動提交 TextBox控
4、件的狀態(tài)SingleLinePasswordMultiLine最終顯示的HTML代碼服務器控件屬性設置不同,最終顯示的HTML控件也不一樣。演示實現(xiàn)簡易留言分別使用TextBox控件TextMode的三種值展示單行、多行和密碼文本框使用Button控件提交內容使用Label控件顯示提交的內容演示示例1: 實現(xiàn)簡單留言 站點導航系統(tǒng)站點導航方式硬編碼到頁面文件包含文件用戶控件 站點導航系統(tǒng)在頁面散布超鏈接編寫困難修改復雜不易維護在每個頁面上進行編寫包含一個文件用戶自己編寫控件實現(xiàn)基于站點地圖站點地圖站點地圖是對站點結構的XML描述文件名為Web.sitemap 根節(jié)點,一個站點地圖只能有一個si
5、teMap元素對應于頁面的節(jié)點一個節(jié)點描述一個頁面提供鏈接的文本描述文件在解決方案中的位置注意:如果要表示根目錄,需要用“/”說明性文本并提供光標停留時顯示的內容Web.sitemap注意事項注意事項站點地圖根節(jié)點為元素,每個文件有且僅有一個根節(jié)點。下一級有且僅有一個節(jié)點。下面可以包含多個新的節(jié)點。站點地圖中,同一個URL僅能出現(xiàn)一次。 SiteMap系統(tǒng)架構System.Web.SiteMapProviders數(shù)據(jù)提供者System.Web.XmlSiteMapProviderWeb.sitemap繼承自SiteMapPath控件System.Web.SiteMapProvidersSite
6、 mapAPIs的使用SiteMapNode的集合綁定SiteMapDataSourceMenu控件TreeView控件 中的導航控件SiteMapPath控件指示頁面在站點的邏輯位置的導航。該類型的導航可以幫助用戶理解站點結構通過該導航,可以迅速找到相關的位置“面包屑”導航SiteMapPath重要屬性PathSeparator屬性控制分隔符的樣式可以通過編輯模板更改分隔符為任意樣式分隔符模板PageLevelsDisplayed屬性控制導航顯示的級數(shù)導航過深,影像美觀,可通過該屬性控制級數(shù)演示示例2: SiteMapPath的使用 TreeView控件以樹形目錄方式導航的控件典型的樹形目錄
7、與WinForm中的樹形控件相似, 提供了方便的樹形目錄控件的使用方式TreeView的使用步驟1、將TreeView導航控件拖入頁面2、編寫數(shù)據(jù)文件(.xml)3、設置數(shù)據(jù)源4、設置自動套用格式演示: TreeView的使用方式 設置不同的數(shù)據(jù)源TreeView綁定XML文件的方式指定XML文件數(shù)據(jù)源綁定節(jié)點 鏈接綁定的屬性顯示文字綁定的屬性指定XML文件的路徑演示示例3: 設置XML數(shù)據(jù)源 Menu控件Menu控件提供靜態(tài)和動態(tài)混合的菜單功能。靜態(tài)部分是直接顯示在頁面上動態(tài)部分是僅在需要的時候才顯示我們經常遇到靜態(tài)和動態(tài)結合的菜單動態(tài)菜單和靜態(tài)菜單結合,可以提供更多的選項,又不必擔心占用頁
8、面的空間Menu控件的使用與TreeView類似,只是增加了動態(tài)選擇項。選擇靜態(tài)還是動態(tài)菜單在這里設置靜態(tài)顯示部分的級別數(shù)演示示例4: Menu控件的使用 小結導航控件什么屬性可控制顯示的級數(shù)?TreeView控件綁定XML數(shù)據(jù)源時,什么屬性指定顯示的標題?導航控件設置分隔符為特殊圖片,如何做?頁面典型布局欄式結構簡單實用、條理分明、格局清晰嚴謹、適合信息量大的頁面區(qū)域結構頁面精美、適合信息量較少的頁面頁面布局技術頁面布局技術TableDIV + CSS簡單、方便,現(xiàn)已較少用于布局更加美觀在頁面展示和瀏覽速度上有很大優(yōu)勢注意:Table方式的布局越來越少,并不代表Table標簽過時,在DIV布
9、局的頁面上,常常會有Table的表格。母版頁母版頁北大青鳥培訓-ACCP聯(lián)系方式內容內容頁北大青鳥培訓-ACCP聯(lián)系方式內容合并的頁面母版頁的特點有利于站點修改和維護,降低開發(fā)人員的工作強度提供高效的內容整合能力有利于實現(xiàn)頁面布局提供一種便于利用的對象模型母版頁應用于統(tǒng)一的布局使用演示演示母版頁的使用創(chuàng)建母版頁設計樣式添加內容頁添加內容頁有兩種方式:1、在母版頁任意位置右鍵,點擊添加內容頁;2、在解決方案資源管理器上新建新項,在生成aspx頁面時勾選“選擇母版頁” 代碼分析母版頁代碼內容頁代碼 第三波網絡書店 聯(lián)系我們內容塊的id,用來確定內容塊的放置的區(qū)域對應的母版頁的路徑對應于母版頁的內容塊將現(xiàn)有頁面放入母版步驟:1、Page 標記中指定 MasterPageFile 位置2、去除內容頁的多余 html 標簽3、去除 form 標記4、創(chuàng)建標簽,并放入對應的內容5、指定相應的ContentPlaceHolderID演示示例5: 將現(xiàn)有頁面放入母版頁 第三波網絡書店項目概況第三波網絡書店的主要功能模塊:圖書管理模塊圖書發(fā)布模塊用戶管理模塊訂單管理模塊用戶模塊第三波的母版頁和導航系統(tǒng)創(chuàng)建第三波網上書店的管理員后臺的母版頁和導航系統(tǒng)1、編寫站點地圖文件2、編寫樹形目錄所使用的XML文件3、創(chuàng)建母版頁,并添加布局(參考美工
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 三方租賃協(xié)議合同
- 上海巨人網絡電子商務案例分析
- 國有企業(yè)無償劃轉股權轉讓協(xié)議
- 實習指導教師聘用勞動合同
- 房地產銷售承包合同協(xié)議書
- 各種屏幕分辨率適應性優(yōu)化
- 電子支付平臺交易安全保障機制
- 企業(yè)項目調研分析與策略部署報告
- 中華文化中的時間概念:論語日講稿
- 2025年道路貨運從業(yè)資格證考試題庫
- DL-T5845-2021輸電線路巖石地基挖孔基礎工程技術規(guī)范
- 小故事大道理兩只山羊
- GB 19522-2024車輛駕駛人員血液、呼氣酒精含量閾值與檢驗
- 水泥窯替代燃料技術改造項目可行性研究報告
- 婦女兩癌篩查培訓
- 印刷品承印五項管理新規(guī)制度
- 2024年湖南鐵路科技職業(yè)技術學院單招職業(yè)技能測試題庫及答案解析
- CPK過程能力分析報告
- 2024陜西延長石油集團礦業(yè)公司所屬單位招聘筆試參考題庫附帶答案詳解
- 安徽省六安市裕安中學2023-2024學年八年級上學期第一次月考數(shù)學試卷(含答案)
- 2024年黑龍江省專升本考試法學基礎模擬試題含解析
評論
0/150
提交評論