使用技術(shù)開(kāi)發(fā)網(wǎng)上書(shū)店

1、搭建風(fēng)格統(tǒng)一的Web站點(diǎn)第四章回顧和作業(yè)點(diǎn)評(píng)請(qǐng)為下面四種注冊(cè)客戶端腳本方法找到其注冊(cè)到頁(yè)面中的位置Response.Write( )RegisterClientScriptBlock( )RegisterStartupScript( )Literal控件整個(gè)頁(yè)面最頂部表單最頂部表單最底部頁(yè)面的任意處預(yù)習(xí)檢查母版頁(yè)有哪些優(yōu)點(diǎn)？使用什么控件可以實(shí)現(xiàn)“面包屑導(dǎo)航”功能？本章任務(wù)搭建第三波書(shū)店管理員端頁(yè)面框架 本章目標(biāo)會(huì)使用母版頁(yè)搭建第三波頁(yè)面框架會(huì)使用導(dǎo)航控件完成第三波導(dǎo)航功能能使用XML、手動(dòng)編碼添加節(jié)點(diǎn)來(lái)控制樹(shù)形導(dǎo)航 欄式結(jié)構(gòu)簡(jiǎn)單實(shí)用、條理分明、格局清晰嚴(yán)謹(jǐn)、適合信息量大的頁(yè)面區(qū)域結(jié)構(gòu)頁(yè)面精美、

2、適合信息量較少的頁(yè)面頁(yè)面典型布局頁(yè)面布局技術(shù)TableDIV + CSS簡(jiǎn)單、方便，現(xiàn)已較少用于布局更加美觀在頁(yè)面展示和瀏覽速度上有很大優(yōu)勢(shì)注意：Table方式的布局越來(lái)越少，并不代表Table標(biāo)簽過(guò)時(shí)，在DIV布局的頁(yè)面上，常常會(huì)有Table的表格頁(yè)面布局技術(shù)母版頁(yè)軟件開(kāi)發(fā)語(yǔ)言-C#聯(lián)系方式內(nèi)容內(nèi)容頁(yè)軟件開(kāi)發(fā)語(yǔ)言-C#聯(lián)系方式內(nèi)容合并的頁(yè)面母版頁(yè)有利于站點(diǎn)修改和維護(hù)，降低開(kāi)發(fā)人員的工作強(qiáng)度提供高效的內(nèi)容整合能力有利于實(shí)現(xiàn)頁(yè)面布局提供一種便于利用的對(duì)象模型 母版頁(yè)應(yīng)用于統(tǒng)一的布局母版頁(yè)的特點(diǎn)母版頁(yè)的使用步驟1、創(chuàng)建母版頁(yè)2、設(shè)計(jì)樣式3、添加內(nèi)容頁(yè)添加內(nèi)容頁(yè)有兩種方式：1、在母版頁(yè)任意位置右鍵，

3、點(diǎn)擊添加內(nèi)容頁(yè)2、在解決方案資源管理器上新建新項(xiàng)，在生成aspx頁(yè)面時(shí)勾選“選擇母版頁(yè)” 母版頁(yè)的使用教員演示：母版頁(yè)的使用 母版頁(yè)代碼 第三波書(shū)店 第三波書(shū)店 聯(lián)系我們 內(nèi)容塊頭部id， 可用來(lái)添加內(nèi)容塊的JavaScript或CSS代碼分析2-1內(nèi)容塊主體id，用來(lái)確定內(nèi)容塊的放置的區(qū)域代碼分析2-2對(duì)應(yīng)于母版頁(yè)的內(nèi)容塊對(duì)應(yīng)的母版頁(yè)的路徑內(nèi)容頁(yè)代碼步驟：1、Page 標(biāo)記中指定 MasterPageFile 位置2、去除內(nèi)容頁(yè)的多余 html 標(biāo)簽3、去除 form 標(biāo)記4、創(chuàng)建標(biāo)簽，并放入對(duì)應(yīng)的內(nèi)容5、指定相應(yīng)的ContentPlaceHolderID將現(xiàn)有頁(yè)面放入母版演示示例1：將現(xiàn)有

4、頁(yè)面放入母版頁(yè) 獲取母版頁(yè)上控件的值 如何在內(nèi)容頁(yè)中獲取母版頁(yè)中元素的值？ 兩種方式：通過(guò)設(shè)置屬性 使用FindControl()方法 設(shè)置屬性方式在母版頁(yè)中定義屬性在內(nèi)容頁(yè)中添加指令通過(guò)this.Master調(diào)用屬性值 演示示例2：設(shè)置屬性方式使用FindControl()方法 通過(guò)this.Master.FindControl(服務(wù)器控件ID)RadioButtonList radioButtonList = (RadioButtonList)this.Master.FindControl(rblRole); if (radioButtonList.SelectedValue .Equal

5、s (0) this.lblText.Text = 高校BBS求職信息;else if (radioButtonList.SelectedValue.Equals(1) this.lblText.Text = 3050職業(yè)生涯規(guī)劃; 注意類(lèi)型轉(zhuǎn)換演示示例3：使用FindControl()方法 第三波書(shū)店項(xiàng)目概況第三波書(shū)店的主要功能模塊：圖書(shū)管理模塊圖書(shū)發(fā)布模塊用戶管理模塊訂單管理模塊用戶模塊練習(xí)使用母版頁(yè)搭建頁(yè)面框架 需求說(shuō)明：使用母版頁(yè)搭建第三波書(shū)店的頁(yè)面框架，在內(nèi)容頁(yè)中顯示“歡迎使用第三波書(shū)店管理端!”完成時(shí)間：25分鐘站點(diǎn)導(dǎo)航方式硬編碼到頁(yè)面文件包含文件 站點(diǎn)導(dǎo)航系統(tǒng)在頁(yè)面散布超鏈接編寫(xiě)

6、困難修改復(fù)雜不易維護(hù)在每個(gè)頁(yè)面上進(jìn)行編寫(xiě)包含一個(gè)文件基于站點(diǎn)地圖站點(diǎn)導(dǎo)航系統(tǒng)站點(diǎn)地圖是對(duì)站點(diǎn)結(jié)構(gòu)的XML描述文件名為web.sitemap 根節(jié)點(diǎn)，一個(gè)站點(diǎn)地圖只能有一個(gè)siteMap元素對(duì)應(yīng)于頁(yè)面的節(jié)點(diǎn)一個(gè)節(jié)點(diǎn)描述一個(gè)頁(yè)面提供鏈接的文本描述文件在解決方案中的位置注意：如果要表示根目錄，需要用“/”說(shuō)明性文本并提供光標(biāo)停留時(shí)顯示的內(nèi)容站點(diǎn)地圖注意事項(xiàng)站點(diǎn)地圖根節(jié)點(diǎn)為元素，每個(gè)文件有且僅有一個(gè)根節(jié)點(diǎn)下一級(jí)有且僅有一個(gè)節(jié)點(diǎn)下面可以包含多個(gè)新的節(jié)點(diǎn)站點(diǎn)地圖中，同一個(gè)URL僅能出現(xiàn)一次web.sitemap注意事項(xiàng)System.Web.SiteMapProviders數(shù)據(jù)提供者System.Web.X

7、mlSiteMapProviderweb.sitemap繼承自SiteMapPath控件System.Web.SiteMapProvidersSite mapAPIs的使用SiteMapNode的集合綁定SiteMapDataSourceMenu控件TreeView控件 中的導(dǎo)航控件SiteMap系統(tǒng)架構(gòu)指示頁(yè)面在站點(diǎn)的邏輯位置的導(dǎo)航 該類(lèi)型的導(dǎo)航可以幫助用戶理解站點(diǎn)結(jié)構(gòu)通過(guò)該導(dǎo)航，可以迅速找到相關(guān)的位置 “面包屑”導(dǎo)航 SiteMapPath控件PathSeparator屬性控制分隔符的樣式可以通過(guò)編輯模板更改分隔符為任意樣式分隔符模板PageLevelsDisplayed屬性控制導(dǎo)航顯示的

8、級(jí)數(shù)導(dǎo)航過(guò)深，影響美觀，可通過(guò)該屬性控制級(jí)數(shù)SiteMapPath重要屬性演示示例4： SiteMapPath的使用 練習(xí)實(shí)現(xiàn)“面包屑”導(dǎo)航需求說(shuō)明：實(shí)現(xiàn)第三波書(shū)店“面包屑”導(dǎo)航功能完成時(shí)間：25分鐘第三波 圖書(shū)列表頁(yè)搜索頁(yè)訂單查詢購(gòu)物車(chē)圖書(shū)詳細(xì)頁(yè)會(huì)員后臺(tái)用戶注冊(cè)用戶登錄修改個(gè)人信息退出登錄管理員后臺(tái)用戶管理管理用戶狀態(tài)管理修改用戶資料圖書(shū)管理添加圖書(shū)分類(lèi)為書(shū)籍分類(lèi)圖書(shū)詳細(xì)信息圖書(shū)列表推薦圖書(shū)訂單管理審核訂單詳細(xì)訂單退出共性問(wèn)題集中講解常見(jiàn)調(diào)試問(wèn)題及解決辦法代碼規(guī)范問(wèn)題共性問(wèn)題集中講解以樹(shù)形目錄方式導(dǎo)航的控件典型的樹(shù)形目錄與WinForms中的樹(shù)形控件相似， 提供的樹(shù)形目錄控件TreeView

9、控件視圖中添加 動(dòng)態(tài)添加 數(shù)據(jù)源控件的綁定 站點(diǎn)地圖XML文件編碼添加節(jié)點(diǎn) TreeView數(shù)據(jù)添加適用于固定、少量數(shù)據(jù)數(shù)據(jù)源常用來(lái)對(duì)讀取存儲(chǔ)于數(shù)據(jù)庫(kù)中的菜單數(shù)據(jù)適用于常需修改、少量的數(shù)據(jù)采用站點(diǎn)地圖作為數(shù)據(jù)源采用XML文件作為數(shù)據(jù)源 1、將TreeView導(dǎo)航控件拖入頁(yè)面2、編寫(xiě)數(shù)據(jù)文件（.xml）3、設(shè)置數(shù)據(jù)源4、編輯TreeNode5、設(shè)置自動(dòng)套用格式數(shù)據(jù)源控件的綁定演示示例6： XML文件作為數(shù)據(jù)源 演示示例5：站點(diǎn)地圖作為數(shù)據(jù)源練習(xí)實(shí)現(xiàn)管理員端的菜單功能 需求說(shuō)明：實(shí)現(xiàn)第三波書(shū)店管理員端菜單功能使用XML存儲(chǔ)菜單項(xiàng)并綁定到TreeView 完成時(shí)間：25分鐘數(shù)據(jù)存儲(chǔ)于文件中日后維護(hù)會(huì)

10、有哪些問(wèn)題？安全性低上百條數(shù)據(jù)不易修改編碼添加節(jié)點(diǎn)演示示例7： 編碼添加節(jié)點(diǎn)將菜單數(shù)據(jù)存儲(chǔ)于數(shù)據(jù)庫(kù)，通過(guò)設(shè)置編號(hào)和父節(jié)點(diǎn)編號(hào)等進(jìn)行操作使用TreeView實(shí)現(xiàn)企業(yè)OA中的系統(tǒng)菜單：private void InitTree(TreeNodeCollection tnc,string parentId) DataView dv = new DataView(); TreeNode tnNode; dv.Table = ds.Tables SysFun; dv.RowFilter = ParentNodeId= + parentId; foreach (DataRowView drv in dv) tnNode = new TreeNode(); tnNode.Value = drvNodeId.ToString(); /省略其它字段 tnc.Add(tnNode); InitTree(tnNode.ChildNodes, tnNode.Value); 示例7關(guān)鍵代碼遞歸調(diào)用 動(dòng)態(tài)視圖方便篩選繼續(xù)找其子節(jié)點(diǎn)建議采用當(dāng)用戶每點(diǎn)擊一級(jí)節(jié)點(diǎn)，調(diào)用相應(yīng)獲取數(shù)據(jù)的方法并添加的方式提升網(wǎng)站的性能 練習(xí)使用泛型集合實(shí)現(xiàn)OA 菜單 需求說(shuō)明：使用泛型集合編碼添加 企業(yè)OA中的系統(tǒng)菜單完成時(shí)間：25分鐘共性問(wèn)題集中講解常見(jiàn)調(diào)試問(wèn)題及解決辦法