BS應(yīng)用系統(tǒng)開(kāi)發(fā)_第1頁(yè)
BS應(yīng)用系統(tǒng)開(kāi)發(fā)_第2頁(yè)
BS應(yīng)用系統(tǒng)開(kāi)發(fā)_第3頁(yè)
BS應(yīng)用系統(tǒng)開(kāi)發(fā)_第4頁(yè)
BS應(yīng)用系統(tǒng)開(kāi)發(fā)_第5頁(yè)
已閱讀5頁(yè)，還剩67頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第1章ASP.NET概述ASP.NET(C#)動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)案例教程母版頁(yè)站點(diǎn)導(dǎo)航主題與皮膚知識(shí)點(diǎn)3.1.1

母版頁(yè)的概念定義母版頁(yè)是用ASP.NET設(shè)計(jì)的網(wǎng)頁(yè)文件（.master）。內(nèi)容母版頁(yè)由@Master指令識(shí)別，內(nèi)容包括靜態(tài)文本、HTML元素、服務(wù)器控件的預(yù)定義布局。作用為Web應(yīng)用程序創(chuàng)建布局風(fēng)格一致的頁(yè)面。3.1

母版頁(yè)3.1.2

母版頁(yè)的設(shè)計(jì)母版頁(yè)界面的組成母版頁(yè)界面由公共部分和非公共部分組成。非公共部分定義了一個(gè)或多個(gè)ContentPlaceHolder控件，可被其他頁(yè)面繼承并自行設(shè)計(jì)。母版頁(yè)指令不同于Web窗體，母版頁(yè)不包括@Page指令，而是@Master指令。3.1

母版頁(yè)3.1

母版頁(yè)3.創(chuàng)建母版頁(yè)資源管理器|右擊網(wǎng)站|添加新項(xiàng)|母版頁(yè)|名稱(chēng)：母版頁(yè).Master|添加|新一個(gè)母版頁(yè)，如圖3-1所示。母版頁(yè)由MasterPage.master與MasterPage.master.cs兩個(gè)文件組成，母版頁(yè)中有一個(gè)容頁(yè)控件ContentPlaceHolder，用于網(wǎng)頁(yè)內(nèi)容設(shè)計(jì)。如圖3-2所示。在母版頁(yè)中添加控件與ContentPlaceHolder內(nèi)容占位控件，構(gòu)成母版頁(yè)界面。圖3-1創(chuàng)建母版頁(yè)界面圖3-2內(nèi)容頁(yè)控件3.1

母版頁(yè)3.1.3

母版頁(yè)的使用創(chuàng)建內(nèi)容頁(yè)在解決方案資源管理器中，右擊網(wǎng)站，選擇“添加新項(xiàng)”，選擇“Web窗體”，輸入名稱(chēng)：“child.aspx”，使“選擇母版頁(yè)”復(fù)選框有效，如圖3-3所示。點(diǎn)擊“添加”按鈕進(jìn)入“選擇母版頁(yè)”對(duì)話(huà)框，在“文件夾內(nèi)容”中選擇母版頁(yè)，如圖3-4所示。圖3-3添加Web窗體時(shí)選擇母版頁(yè)圖3-4選擇母版頁(yè)3.1

母版頁(yè)3）單擊“確定”按鈕內(nèi)容頁(yè)創(chuàng)建成功。內(nèi)容頁(yè)的HTML源代碼如下：<%@

Page

Language="C#"

MasterPageFile="~/MasterPage.master"

AutoEventWireup="true"

CodeFile="Login.aspx.cs"

Inherits="Login"

Title="Untit<asp:Content

ID="Content1"

ContentPlaceHolderID="ContentPlaceHolder1"

Runat="Server"></asp:Content>ASP.NET提供的母版頁(yè)功能，可以創(chuàng)建真正意義上的頁(yè)面模板，整個(gè)應(yīng)用過(guò)程可歸納為“兩個(gè)包含，一個(gè)結(jié)合”?！皟蓚€(gè)包含”是指公共部分包含在母版頁(yè)，非公共部分包含在內(nèi)容頁(yè)。對(duì)于頁(yè)面中

內(nèi)容的非公共部分，只需在母版頁(yè)中使用一個(gè)或多個(gè)ContentPlaceHolder控件來(lái)占位即可“一個(gè)結(jié)合”是指通過(guò)控件應(yīng)用以及屬性設(shè)置等行為，將母版頁(yè)和內(nèi)容頁(yè)結(jié)合，母版頁(yè)中ContentPlaceHolder控件的ID屬性必須與內(nèi)容頁(yè)中Content控件中的ContentPlaceHolder屬性綁定。3.1

母版頁(yè)3.1.3

母版頁(yè)的使用2.訪(fǎng)問(wèn)母版頁(yè)舉例在內(nèi)容頁(yè)中，核心對(duì)象Page具有一個(gè)公共屬性Master，該屬性能實(shí)現(xiàn)對(duì)相關(guān)母版頁(yè)基類(lèi)MasterPage的引用。例如在母版頁(yè)中有一個(gè)Label標(biāo)簽label1，在內(nèi)容頁(yè)中修改其顯示的文本，代碼如下Label

mylabel=(Label)Master.FindControl(“l(fā)abel1");mylabel.Text=

“……";3.1

母版頁(yè)3.1.3

母版頁(yè)的使用5.母版頁(yè)應(yīng)用舉例【例3-1】創(chuàng)建校友錄系統(tǒng)母版頁(yè)MasterPage.master，如圖3-3所示，引用MasterPage.m創(chuàng)建用戶(hù)注冊(cè)、用戶(hù)密碼修改、校友錄添加、創(chuàng)建校友班級(jí)等網(wǎng)頁(yè)。圖3-3校友錄母版頁(yè)MasterPage.master界面控件IDTextImageUrlImage1img_Title~/Images/

banner.jpgImage2img_Tail~/Images/bottom.jpgContentPlaceHolderContentPlaceHolder1新建空白解決方案ex3_1.sln。新建網(wǎng)站ex3_1。在網(wǎng)站ex3_1中新建校友錄系統(tǒng)母版頁(yè)MasterPage.master。右擊網(wǎng)站ex3_1，選擇“添加新項(xiàng)”，選擇“母版頁(yè)”，輸入名稱(chēng)：MasterPage.master，點(diǎn)擊“添加”生成母版頁(yè)文件：MasterPage.master與MasterPage.master.cs。在網(wǎng)站ex3_1中新建圖像目錄Images，并將圖像文件復(fù)制到Images目錄中去，刷新Image目錄。在母版頁(yè)中添加5行1列的表格控件Table。在表格控件第1行與第5行添加圖像控件Image1與Image2，第3行后續(xù)添加站點(diǎn)地圖控件，將內(nèi)容頁(yè)控件拖放到第4行中。設(shè)置校友錄系統(tǒng)母版頁(yè)中控件屬性如下：3.1

母版頁(yè)（8）校友錄系統(tǒng)母版頁(yè)控件文件的Html代碼如下：<%@Master

Language="C#"

AutoEventWireup="true"CodeFile="MasterPage.master.cs

Inherits="MasterPage"

%><html

xmlns="/1999/xhtml"

><body

style="margin:0

auto;

padding:0;"><form

id="form1"

runat="server"><table

><tr><td><asp:Image

ID="Image1"

runat="server"

ImageUrl="~/Images/banner.jpg"

/></td></tr><tr><td><asp:contentplaceholder

id="ContentPlaceHolder1"

runat="server“/></td></tr><tr><td><asp:Image

ID="Image2"

runat="server"

ImageUrl="~/Images/bottom.jpg"

/></td></tr></table></form></body></html>3.1

母版頁(yè)（11）在網(wǎng)站ex3_1中使用母版頁(yè)創(chuàng)建用戶(hù)登錄網(wǎng)頁(yè)Login.aspx在解決方案資源管理器，右擊網(wǎng)站ex3_1選擇添加“新項(xiàng)”，選擇“Web窗體”，輸入名稱(chēng)：Login.aspx，使“選擇母版頁(yè)”復(fù)選框有效，點(diǎn)擊“添加”，選擇母版頁(yè)對(duì)話(huà)框中選擇MasterPage.Master，單擊“確定”按鈕將創(chuàng)建內(nèi)容頁(yè)Login.aspx。用戶(hù)登錄網(wǎng)頁(yè)Login.aspx界面如圖3-7所示。3.1

母版頁(yè)圖3-7使用母版頁(yè)新建空白用戶(hù)登錄網(wǎng)頁(yè)界面將用戶(hù)登錄用戶(hù)控件拖入用戶(hù)登錄頁(yè)面中。在解決方案資源管理器中，將Controls目錄中的用戶(hù)控件Login.ascx拖入到用戶(hù)登錄頁(yè)面Login.aspx中去。設(shè)置Login.aspx起始頁(yè)，運(yùn)行網(wǎng)站后出現(xiàn)用戶(hù)登錄界面如圖3-8所示。用同樣方法用母版頁(yè)與用戶(hù)控件設(shè)計(jì)用戶(hù)密碼修改、用戶(hù)注冊(cè)、添加校友通訊錄網(wǎng)頁(yè)。如圖3-9~3-11所示。3.1

母版頁(yè)圖3-8用戶(hù)登錄頁(yè)面3.1

母版頁(yè)圖3-9用戶(hù)密碼修改頁(yè)面3.1

母版頁(yè)圖3-10用戶(hù)注冊(cè)頁(yè)面3.1

母版頁(yè)圖3-11添加校友通訊錄頁(yè)面3.1

母版頁(yè)3.1

母版頁(yè)3.1.4

嵌套母版頁(yè)概念當(dāng)一個(gè)母版頁(yè)引用另一個(gè)母版頁(yè)時(shí)，引用頁(yè)面稱(chēng)為子母版，被引用的頁(yè)面叫做父母版，這種方法就被稱(chēng)為嵌套母版頁(yè)。子母版頁(yè)通過(guò)在@Master指令中的MasterPageFile屬性來(lái)引用父母版頁(yè)。一方面子母版頁(yè)可在其Content控件里包含內(nèi)容，這些Content控件與父母版上的ContentPlaceHolder控件對(duì)應(yīng)。另一方面子母版頁(yè)包含其自己的ContentPlaceHolder控件該控件供內(nèi)容頁(yè)使用。創(chuàng)建嵌套母版頁(yè)為了創(chuàng)建嵌套的母版頁(yè)，需創(chuàng)建以下三個(gè)文件：Parent.master作為父母版頁(yè)文件；Child.master作為子母版頁(yè)文件，引用Parent.master頁(yè)面；Child.aspx作為子母版頁(yè)的容頁(yè)，引用

Child.master頁(yè)面。3.1

母版頁(yè)（1）Parent.master文件結(jié)構(gòu)<%@

Master

Language="C#"

%><HTML><BODY>一些標(biāo)記內(nèi)容<asp:ContentPlaceHolderID="MainContent"runat="server“

/>一些標(biāo)記內(nèi)容</BODY></HTML>（2）Child.master文件結(jié)構(gòu)<%@

Master

Language="C#“MasterPageFile="Parent.master"%><asp:Content

id="Content1“ContentPlaceholderID="MainContent"runat="server">一些標(biāo)記內(nèi)容<asp:ContentPlaceHolder

ID="ChildContent"

runat="server"

/>一些標(biāo)記內(nèi)容</asp:Content>（3）Child.aspx文件結(jié)構(gòu)<%@

Page

Language="C#“

MasterPageFile="Child.Master"%><asp:Content

id="pageContent"ContentPlaceholderID="ChildContent"runat="server">一些標(biāo)記內(nèi)容</asp:Content>3.2

站點(diǎn)導(dǎo)航3.2.1

Menu站點(diǎn)導(dǎo)航控件1.Menu控件的兩種顯示模式靜態(tài)顯示模式：Menu控件的菜單結(jié)構(gòu)始終展開(kāi)完全可見(jiàn)；動(dòng)態(tài)顯示模式：僅當(dāng)鼠標(biāo)指向菜單節(jié)點(diǎn)時(shí)，該節(jié)點(diǎn)子菜單才會(huì)展開(kāi)顯示。通常采用靜動(dòng)結(jié)合的顯示模式，如1級(jí)主菜單采用靜態(tài)模式全部顯示，而2級(jí)及2級(jí)以下子菜單采用動(dòng)態(tài)顯示模式。靜態(tài)顯示菜單的級(jí)數(shù)由屬性StaticDisplayLevels確定，當(dāng)StaticDisplayLevels=1表示1級(jí)主菜單采用靜態(tài)顯示，2級(jí)及2級(jí)以下子菜單采用動(dòng)態(tài)顯示。2.菜單的創(chuàng)建方式Menu控件中菜單節(jié)點(diǎn)項(xiàng)有兩種創(chuàng)建方式。用菜單編輯器創(chuàng)建菜單節(jié)點(diǎn)，即用Items屬性打開(kāi)菜單編輯器創(chuàng)建菜單節(jié)點(diǎn)；用站點(diǎn)地圖（.sitemap）為數(shù)據(jù)源創(chuàng)建菜單節(jié)點(diǎn)。3.Menu控件的屬性DataBindings：菜單中菜單項(xiàng)的數(shù)據(jù)綁定。DataSourceID：站點(diǎn)地圖（.sitemap）數(shù)據(jù)源的ID。StaticDisplayLevels：靜態(tài)顯示菜單的級(jí)數(shù)，默認(rèn)值為1。MaxinumDunamicDisplayLevels：最大彈出子菜單的級(jí)數(shù)，默認(rèn)值為3。Items：打開(kāi)菜單編輯器，手工輸入各節(jié)點(diǎn)信息。Orientation：Horizontal：水平菜單；Vertical：:垂直菜單。4.Menu控件的事件MenuItemClick：?jiǎn)螕舨藛雾?xiàng)事件。DataBinding：數(shù)據(jù)綁定前激活事件；DataBound：數(shù)據(jù)綁定后激活事件。3.2

站點(diǎn)導(dǎo)航【例3-2】用Menu控件的菜單編輯器設(shè)計(jì)校友錄系統(tǒng)的頁(yè)面，如圖3-12所示。3.2

站點(diǎn)導(dǎo)航圖3-12校友錄系統(tǒng)主頁(yè)面3.2

站點(diǎn)導(dǎo)航圖3-13用菜單編輯器輸入菜單項(xiàng)打開(kāi)解決方案ex3_1與網(wǎng)站ex3_1。刪除原來(lái)的Default.aspx網(wǎng)頁(yè)，應(yīng)用母版頁(yè)新建1個(gè)Default.aspx網(wǎng)頁(yè)。在ContentPlaceHolder處添加1個(gè)Menu控件。設(shè)置菜單樣式單擊Menu1控件的智能按鈕選擇“自動(dòng)套用格式”，在打開(kāi)的對(duì)話(huà)框中選擇“彩色型”。設(shè)計(jì)菜單內(nèi)容①單擊Menu1控件的智能按鈕|編輯菜單項(xiàng)|菜單編輯器，或在屬性窗口中雙擊Items屬性也可進(jìn)入菜單編輯器。②在左邊“項(xiàng)”框中輸入主菜單與子菜單項(xiàng)。③在右邊“屬性”框中設(shè)置屬性：Text屬性輸入菜單項(xiàng)名；NavigateUrl屬性選擇導(dǎo)航地址；ImageUrl屬性選擇圖標(biāo)文件。④按表3-2要求設(shè)計(jì)Menu控件的菜單項(xiàng)。菜單項(xiàng)(Te

x

t)級(jí)數(shù)N

a

v

ig

a

te

U

rlIm

a

g

e

U

rl用戶(hù)登錄1用戶(hù)登錄2~/Login.aspx校友信息瀏覽1系部信息2班級(jí)信息2校友信息2班級(jí)通訊錄管理1顯示班級(jí)通訊錄2錄入班級(jí)通訊錄2~/Contact/Concat_add.aspx編輯班級(jí)通訊錄2刪除班級(jí)通訊錄23.2

站點(diǎn)導(dǎo)航表3-2菜單項(xiàng)標(biāo)題與鏈接地址一覽表3.2

站點(diǎn)導(dǎo)航除了用菜單編輯器創(chuàng)建菜單外還可用站點(diǎn)地圖創(chuàng)建菜單。3.2.2

站點(diǎn)地圖1.站點(diǎn)地圖的概念定義：站點(diǎn)地圖是名為Web.sitemap的標(biāo)準(zhǔn)XML文件；作用：用于設(shè)置導(dǎo)航控件中菜單項(xiàng)的位置、名稱(chēng)與鏈接頁(yè)面地址。2.站點(diǎn)地圖的文件格式<siteMap>：表示根結(jié)點(diǎn)，一個(gè)站點(diǎn)地圖只有一個(gè)根結(jié)點(diǎn)；<siteMapNode

url="根結(jié)點(diǎn)鏈接頁(yè)面地址"title="根結(jié)節(jié)名"description=""><siteMapNode

url="一級(jí)子結(jié)點(diǎn)鏈接頁(yè)面地址"title="一級(jí)子結(jié)節(jié)名"description=""><siteMapNode

url="二級(jí)子結(jié)點(diǎn)鏈接頁(yè)面地址"title="二級(jí)子結(jié)節(jié)名"description=""><siteMapNode

url="三級(jí)子結(jié)點(diǎn)鏈接頁(yè)面地址"title="三級(jí)子結(jié)節(jié)名"description="">…</siteMapNode></siteMapNode></siteMapNode>……</siteMap>3.2

站點(diǎn)導(dǎo)航【例3-3】為【例3-2】中校友錄系統(tǒng)創(chuàng)建站點(diǎn)地圖。打開(kāi)解決方案ex3_1與網(wǎng)站ex3_1。在解決方案資源管理器中，右擊網(wǎng)站，選擇“添加新項(xiàng)”，選擇“站點(diǎn)地圖”，輸入名稱(chēng)：“Web.sitemap”，點(diǎn)擊“添加”，出現(xiàn)Web.sitemap界面。編寫(xiě)Web.sitemap文件如下：<?xml

version="1.0"

encoding="utf-8"

?><siteMap

xmlns="/AspNet/SiteMap-File-1.0"

><siteMapNode

url=""

title="校友錄系統(tǒng)主頁(yè)面"description=""><siteMapNode

url=""

title="用戶(hù)登錄"description=""><siteMapNode

url="~/Login.aspx"title="用戶(hù)登錄"description=""/></siteMapNode><siteMapNode

url=""

title="校友信息瀏覽"description=""><siteMapNode

url=""

title="系部信息"description=""/><siteMapNode

url=""

title="班級(jí)信息"description=""/><siteMapNode

url=""

title="校友信息"description=""/></siteMapNode>3.2

站點(diǎn)導(dǎo)航<siteMapNode

url=""

title="班級(jí)通訊錄管理"description=""><siteMapNode

url=""

title="顯示班級(jí)通訊錄"description=""/><siteMapNode

url="~/Contact/Contact_Add.aspx"

title="錄入班級(jí)通訊錄"description=""/>……</siteMapNode><siteMapNode

url=""

title="校友溝通"description=""><siteMapNode

url=""

title="校友聊天室"description=""/><siteMapNode

url=""

title="各地校友會(huì)"description=""/></siteMapNode><siteMapNode

url=""

title="系統(tǒng)維護(hù)"description=""><siteMapNode

url=""

title="系部編碼維護(hù)"description=""/><siteMapNode

url=""

title="班級(jí)編碼維護(hù)"description=""/><siteMapNode

url=""

title="校友信息維護(hù)"description=""/></siteMapNode><siteMapNode

url=""

title="用戶(hù)管理"description=""><siteMapNode

url="~/user/User_Register.aspx"

title="添加用戶(hù)"description=""/><siteMapNode

url="~/user/User_ModifyPassword.aspx"

title="修改用戶(hù)密碼"description=""</siteMapNode></siteMapNode></siteMap>3.2

站點(diǎn)導(dǎo)航3.以站點(diǎn)地圖為數(shù)據(jù)源用Menu控件設(shè)計(jì)導(dǎo)航菜單的方法在網(wǎng)站中新建站點(diǎn)地圖文件Web.sitemap操作步驟：解決方案資源管理器

|右擊網(wǎng)站

|添加新項(xiàng)

|站點(diǎn)地圖

|名稱(chēng)：Web.sitem添加，出現(xiàn)Web.sitemap界面，輸入文件代碼。在網(wǎng)頁(yè)中添加站點(diǎn)地圖數(shù)據(jù)源控件SitemapDataSource，用于連接站點(diǎn)地圖文件Web.sitemap。操作步驟：工具箱

|數(shù)據(jù)

|

SitemapDataSource。將Menu控件的DataSourceID屬性設(shè)置為SitemapDataSource方法一：?jiǎn)螕鬗enu控件的智能按鈕

|選擇數(shù)據(jù)源

|

SitemapDataSource1。

方法二：?jiǎn)螕鬗enu控件

|屬性窗口

|

DataSourceID

|

SitemapDataSource1。3.2

站點(diǎn)導(dǎo)航【例3-4】用站點(diǎn)地圖web.sitemap與Menu控件設(shè)計(jì)校友錄系統(tǒng)主頁(yè)面，如圖3-14所示。3.2

站點(diǎn)導(dǎo)航圖3-14使用Menu設(shè)計(jì)校友錄系統(tǒng)主頁(yè)面新建空白解決方案：ex3_2新建網(wǎng)站ex3_2在Windows操作系統(tǒng)中，將d:\\ex3_1\ex3_1\*.*復(fù)制到d:\\ex3_中去。出現(xiàn)確認(rèn)文件替換對(duì)話(huà)框時(shí)，選擇“全部”按鈕。在VS2008的解決方案資源管理器中，出現(xiàn)圖3-15提示時(shí)，選擇“全是”按鈕。（5）在VS2008的解決方案資源管理器中刷新網(wǎng)站ex3_2，出現(xiàn)所有復(fù)制文件與目錄。3.2

站點(diǎn)導(dǎo)航圖3-15確認(rèn)重新加載對(duì)話(huà)框創(chuàng)建站點(diǎn)地圖web.sitemap操作步驟：解決方案資源管理器|右擊網(wǎng)站|添加新項(xiàng)|站點(diǎn)地圖|名稱(chēng)：Web.sitemap

|添加出現(xiàn)Web.sitemap界面，輸入上頁(yè)中文件代碼。在網(wǎng)頁(yè)中添加站點(diǎn)地圖數(shù)據(jù)源控件SitemapDataSource1，從工具箱中將SitemapDataSource控件放入Default.aspx頁(yè)面。將Menu控件的DataSourceID屬性設(shè)置為SitemapDataSource1，單擊Menu控件的智能按鈕|選擇數(shù)據(jù)源|

SitemapDataSource1。設(shè)置Menu控件的Orientation屬性為Vetical運(yùn)行網(wǎng)站程序，效果如圖3-14所示。3.2

站點(diǎn)導(dǎo)航3.2

站點(diǎn)導(dǎo)航3.2.3

SiteMapPath站點(diǎn)導(dǎo)航控件作用SiteMapPath控件包含來(lái)自站點(diǎn)地圖的導(dǎo)航數(shù)據(jù)，此數(shù)據(jù)包括有關(guān)網(wǎng)站中網(wǎng)頁(yè)的信息如Url標(biāo)題、說(shuō)明、導(dǎo)航層次結(jié)構(gòu)中的位置。因此，SiteMapPath控件可用于顯示站點(diǎn)導(dǎo)航路徑與用戶(hù)當(dāng)前頁(yè)的位置，并顯示返回到主頁(yè)的路徑鏈接。使用方法編寫(xiě)好站點(diǎn)地圖文件Web.sitemap。使用Menu或TreeView進(jìn)行頁(yè)面導(dǎo)航將SiteMapPath控件添加到導(dǎo)航子頁(yè)面上，如母版頁(yè)中，則當(dāng)網(wǎng)站程序運(yùn)行并使用

Menu等控件進(jìn)行導(dǎo)航后，在SiteMapPath控件上自動(dòng)顯示站點(diǎn)導(dǎo)航路徑與用戶(hù)當(dāng)前頁(yè)的位置?！纠?-5】在例3-3的母版頁(yè)中添加SiteMapPath控件，顯示站點(diǎn)導(dǎo)航路徑與用戶(hù)當(dāng)前頁(yè)的位置，如圖3-16所示。3.2

站點(diǎn)導(dǎo)航圖3-16用SiteMapPath控件顯示站點(diǎn)導(dǎo)航路徑打開(kāi)解決方案ex3_2與網(wǎng)站ex3_2;打開(kāi)母版頁(yè)文件MasterPage.master，在表格的第二行添加SiteMapPath控件；設(shè)置屬性如下：PathSeparator：>Font.Size：small在智能標(biāo)記中點(diǎn)擊“自動(dòng)套用格式”，選擇“簡(jiǎn)明型”運(yùn)行網(wǎng)站程序，單擊校友錄主菜單，選擇“用戶(hù)登錄”，選擇“用戶(hù)登錄”效果如圖3-16所示。單擊SiteMapPath控件上的校友錄系統(tǒng)主頁(yè)面可返回主頁(yè)面。3.2

站點(diǎn)導(dǎo)航3.2.4

TreeView站點(diǎn)導(dǎo)航控件1.作用以樹(shù)形結(jié)構(gòu)顯示站點(diǎn)導(dǎo)航節(jié)點(diǎn)信息。用TreeView控件實(shí)現(xiàn)站點(diǎn)導(dǎo)航有兩種方法：以站點(diǎn)地圖為數(shù)據(jù)源顯示樹(shù)形結(jié)構(gòu)站點(diǎn)導(dǎo)航；用TreeView節(jié)點(diǎn)編輯器輸入樹(shù)形節(jié)點(diǎn)信息，實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)站點(diǎn)導(dǎo)航。2.以站點(diǎn)地圖為數(shù)據(jù)源顯示樹(shù)形結(jié)構(gòu)站點(diǎn)導(dǎo)航方法步驟如下：第一步：建立站點(diǎn)地圖Web.sitemap;第二步：在網(wǎng)頁(yè)中添加站點(diǎn)地圖數(shù)據(jù)源控件SiteMapDataSource;第三步：TreeView控件|智能標(biāo)記|選擇數(shù)據(jù)源|

SiteMapDataSource。TreeView控件將以樹(shù)形結(jié)構(gòu)方式顯示站點(diǎn)地圖中設(shè)置的站點(diǎn)導(dǎo)航信息。3.2

站點(diǎn)導(dǎo)航【例3-6】用站點(diǎn)地圖web.sitemap與TreeView控件設(shè)計(jì)校友錄系統(tǒng)導(dǎo)航主頁(yè)面，如圖3-17所示。3.2

站點(diǎn)導(dǎo)航圖3-17使用TreeView設(shè)計(jì)校友錄系統(tǒng)主頁(yè)面打開(kāi)解決方案ex3_2.sln與網(wǎng)站ex3_2。新建網(wǎng)頁(yè)Default2.aspx。將Default.aspx頁(yè)面上的Tabel表格復(fù)制到Default2.aspx頁(yè)面上。刪除Menu控件，添加TreeView控件。單擊Treeview控件

|智能標(biāo)記

|選擇數(shù)據(jù)源：SiteMapDataSource1,并使顯示行復(fù)框有效。設(shè)置Default2.aspx為起始頁(yè)，運(yùn)行網(wǎng)站程序，效果如如圖3-17所示。3.2

站點(diǎn)導(dǎo)航3.TreeView節(jié)點(diǎn)編輯器（1）打開(kāi)TreeView節(jié)點(diǎn)編輯器屬性窗口

|

Nodes

|省略按鈕

|進(jìn)入TreeView節(jié)點(diǎn)編輯器，如圖3-18所示。（2）輸入節(jié)點(diǎn)信息方法與Menu控件相同。3.2

站點(diǎn)導(dǎo)航圖3-18用節(jié)點(diǎn)編輯器輸入節(jié)點(diǎn)信息【例3-7】用TreeView控件設(shè)計(jì)校友錄系統(tǒng)導(dǎo)航主頁(yè)面，如圖3-17所示。打開(kāi)解決方案ex3_2.sln與網(wǎng)站ex3_2。新建網(wǎng)頁(yè)Default3.aspx。將Default2aspx頁(yè)面上的Tabel表格復(fù)制到Default3.aspx頁(yè)面上。刪除站點(diǎn)地圖數(shù)據(jù)源控件SiteMapDataSource控件，設(shè)置TreeView控件DataSorceID屬性為空。用TreeView節(jié)點(diǎn)編輯器輸入校友錄系統(tǒng)站點(diǎn)導(dǎo)航節(jié)點(diǎn)信息打開(kāi)屬性窗口選擇“Nodes”中的“省略按鈕”，進(jìn)入TreeView節(jié)點(diǎn)編輯器，根據(jù)圖3-1與表3-3的要求添加主節(jié)點(diǎn)與子節(jié)點(diǎn)，輸入Text與NavigateUrl屬性值。設(shè)置Default3.aspx為起始頁(yè)，運(yùn)行網(wǎng)站程序，效果如圖3-17所示。3.2

站點(diǎn)導(dǎo)航3.3.1

主題主題的概念主題是有關(guān)頁(yè)面與控件外觀(guān)屬性設(shè)置的集合，由一組元素組成，包括外觀(guān)文件（皮膚文件）、樣式文件、圖像和其他資源。主題的作用主題用于設(shè)置頁(yè)面與控件的外觀(guān)，如控件的字體、顏色、邊框尺寸等。3.3

主題與皮膚3.主題的創(chuàng)建在網(wǎng)站根目錄下創(chuàng)建一個(gè)App_Theme目錄；在App_Theme目錄中分別創(chuàng)建存放皮膚文件、樣式文件、圖像和其他資源的子目錄；在皮膚文件子目錄中創(chuàng)建皮膚文件（.skin），每個(gè)皮膚文件可設(shè)置一個(gè)或多個(gè)控件的外觀(guān)；在樣式文件子目錄中創(chuàng)建樣式文件（.css），用于設(shè)置控件的樣式；在圖像子目錄添加圖片，用于設(shè)置控件所需圖像等。3.3

主題與皮膚3.3.2

皮膚文件(.skin)皮膚文件的作用皮膚文件用于設(shè)置控件的外觀(guān)，如控件的字體、字形、顏色等屬性。皮膚文件中語(yǔ)句格式在皮膚文件中可寫(xiě)入多個(gè)控件外觀(guān)設(shè)置語(yǔ)句，控件外觀(guān)設(shè)置語(yǔ)句分為兩類(lèi)：默認(rèn)外觀(guān)和命名外觀(guān)，若控件設(shè)置SkinId屬性，則使用皮膚文件中命名外觀(guān)語(yǔ)句來(lái)設(shè)置控件外觀(guān)。若控件不設(shè)置SkinId屬性，則使用皮膚文件中的默認(rèn)外觀(guān)語(yǔ)句來(lái)設(shè)置控件外觀(guān)。3.3

主題與皮膚默認(rèn)外觀(guān)語(yǔ)句<asp:Control

runat="server"property=value…property=value

</asp:Control>如：設(shè)置Label控件的默認(rèn)外觀(guān)為粗體、小字形、藍(lán)色的語(yǔ)句如下：<asp:Label

runat="server"

Font-Bold="True"

Font-Size="Small"

ForeColor="Blue"></asp:Label>命名外觀(guān)語(yǔ)句<asp:Control

runat="server"property=value…SkinId="SkinName"</asp:Control如：設(shè)置Label控件外觀(guān)為粗體、小字形、綠色，命名外觀(guān)名為L(zhǎng)abelGreen的語(yǔ)句如下：<asp:Label

runat="server"

Font-Bold="True"

Font-Size="Small"

ForeColor="GreenSkinID="

LabelGreen

"></asp:Label>3.3

主題與皮膚3.皮膚文件的創(chuàng)建在網(wǎng)站中創(chuàng)建主題文件夾App_Themes與皮膚文件夾；在皮膚文件夾中創(chuàng)建皮膚文件（.skin）；在皮膚文件中輸入控件外觀(guān)設(shè)置語(yǔ)句。4.皮膚文件的引用在網(wǎng)頁(yè)文件（.aspx）的Page指令中添加引用主題語(yǔ)句：Theme=”主題名”對(duì)于使用命名外觀(guān)語(yǔ)句的控件，需設(shè)置其SkinId屬性為命名外觀(guān)名。3.3

主題與皮膚【例3-8】用主題與皮膚設(shè)置用戶(hù)密碼修改頁(yè)面中控件的外觀(guān)，如圖3-19所示。3.3

主題與皮膚圖3-19用主題與皮膚設(shè)置Label控件的字體與顏色新建解決方案ex3_3.sln與網(wǎng)站ex3_3。新建用戶(hù)密碼修改網(wǎng)頁(yè)User_Modify_Password.aspx。將解決方案ex2_3中用戶(hù)密碼修改頁(yè)面CompareValidator.aspx上的HTML代碼復(fù)制到User_Modify_Password.aspx頁(yè)面上。在網(wǎng)站ex3_3中新建主題目錄App_Themes與子目錄Skin。右擊ex3_3網(wǎng)站，選擇“添加ASP.NET文件夾”，選擇“主題”，在打開(kāi)對(duì)話(huà)框中選擇“Skin”，如圖3-20所示。3.3

主題與皮膚圖3-20添加主題與皮膚文件夾（5）在App_Themes\Skin子目錄中新建皮膚文件SkinFile.skin右擊Skin

|添加新項(xiàng)

|外觀(guān)文件

|名稱(chēng)：SkinFile.skin

|添加，如圖3-21所示。3.3

主題與皮膚圖3-21添加外觀(guān)文件（皮膚文件）上述過(guò)程也可以簡(jiǎn)化為：直接在網(wǎng)站中點(diǎn)擊“添加新項(xiàng)”，選擇“外觀(guān)文件”，輸入外觀(guān)文件名稱(chēng)，出現(xiàn)如圖3-22所示的對(duì)話(huà)框，單擊“是”，則App_Themes目錄與子目錄SkinFile會(huì)被自動(dòng)創(chuàng)建。圖3-22自動(dòng)創(chuàng)建App_Themes文件夾對(duì)話(huà)框（6）在皮膚文件中輸入控件外觀(guān)設(shè)置語(yǔ)句//設(shè)置Label控件默認(rèn)外觀(guān)為小號(hào)、粗體、藍(lán)色<asp:Label

runat="server"

Font-Bold="True"

Font-Size=“Small"

ForeColor="Blu</asp:Label>//設(shè)置Label控件的命名外觀(guān)（green）為小號(hào)、粗體、綠色<asp:Label

runat="server"

SkinID="Green"

Font-Bold="True"

Font-Size=“Small"ForeColor="Green"

></asp:Label>3.3

主題與皮膚在Stu_Modify_Password.aspx中的@Page指令中添加引用主題語(yǔ)句如下：<%@

Page

Language="C#"

……Theme="Skin"%>用戶(hù)名與用戶(hù)密碼標(biāo)簽控件使用默認(rèn)外觀(guān)用戶(hù)名與用戶(hù)密碼標(biāo)簽控件的SkinId屬性為空。新密碼與確認(rèn)密碼標(biāo)簽控件使用命名外觀(guān)將新密碼與確認(rèn)密碼標(biāo)簽控件的SkinId屬性設(shè)置為

SkinId

=Green。將User_Modify_Password.aspx設(shè)置為起始頁(yè)，運(yùn)行后，用戶(hù)名與用戶(hù)密碼標(biāo)簽件外觀(guān)顯示為小號(hào)、粗體、藍(lán)色；新密碼與確認(rèn)密碼標(biāo)簽控件外觀(guān)顯示為小號(hào)、粗體、綠色，如圖3-19所示。3.3

主題與皮膚3.3.3

樣式文件（.css）樣式文件的作用樣式文件用于設(shè)置控件的外觀(guān)，如控件字體、字形、顏色等屬性。樣式文件的格式

#控件1

ID{屬性設(shè)置列表}…#控件n

ID{屬性設(shè)置列表}3.3

主題與皮膚3.樣式文件的創(chuàng)建新建樣式文件主題文件夾右擊主題目錄App_Themes

|添加ASP.NET文件夾

|主題

|輸入文件夾名，如：Css。在樣式主題子目錄中新建樣式文件StyleSheet.css右擊樣式主題（Css）

|添加新項(xiàng)

|樣式表

|輸入名稱(chēng)，如StyleSheet.css

|添加。在樣式文件中添加元素右擊樣式文件空白處

|添加樣式規(guī)劃

|元素ID

|如輸入：Label

|按選擇按鈕。4）生成樣式右擊樣式文件中控件元素ID，如#Label{}|生成樣式

|樣式生成器。可設(shè)置控件的字體、背景、文本等樣式。3.3

主題與皮膚4.樣式文件的引用在頁(yè)面文件的<head></head>之間寫(xiě)入引用樣式文件的語(yǔ)句如下：<head

runat="server"><title>無(wú)標(biāo)題頁(yè)</title><style

type="text/css">@import

url(樣式文件名);</style></head>3.3

主題與皮膚【例3-8】用主題與樣式設(shè)置用戶(hù)注冊(cè)頁(yè)面中控件的外觀(guān)，如圖3-23所示。圖3-23用主題與樣式設(shè)置Label控件的字體與顏色3.3

主題與皮膚3.3

主題與皮膚打開(kāi)解決方案ex3_3.sln與網(wǎng)站ex3_3。新建用戶(hù)注冊(cè)網(wǎng)頁(yè)User_Register.aspx。將解決方案ex2_3中用戶(hù)注冊(cè)頁(yè)面RangeValidator.aspx上的Tabel表格復(fù)制到User_Register.aspx頁(yè)面上。在主題目錄App_Themes中新建樣式子目錄Css。右擊App_Themes

|添加ASP.NET文件夾|主題

|

Css。在樣式子目錄中新建樣式文件StyleSheet.css。右擊Css，選擇“添加新項(xiàng)”，選擇式表”，輸入名稱(chēng)：StyleSheet.css，點(diǎn)擊“添加”，如圖形3-24所示。圖3-24在主題目錄App_Themes中新建樣式子目錄Css（6）在樣式文件中添加元素右擊樣式文件空白處選擇“添加樣式規(guī)劃”（如圖3-25所示），選擇“元素ID”輸入Label，按“選擇”按鈕，如圖3-26所示。3.3

主題與皮膚圖3-25添加樣式規(guī)則圖3-26在樣式規(guī)則層次結(jié)構(gòu)中添加元素ID圖3-27為控件生成樣式圖3-27用樣式生成器設(shè)計(jì)控件樣式3.3

主題與皮膚（7）生成樣式右擊樣式文件中控件元素ID，如#Label{}|生成樣式（如圖3-27)|樣式生成器，如圖3-28所示。可設(shè)置控件的字體、背景、文本等樣式。{font-weight:

bold;color:

red;font-family:宋體;font-variant:

normal;}#Label2{font-weight:

bold;color:

teal;font-family:宋體;background-color:

white;}3.3

主題與皮膚用樣式生成器生成Label1~Label5共五個(gè)標(biāo)簽的樣式文件如下：#Label1#Label3{font-weight:

bold;color:red

;font-family:宋體;background-color:white;}#Label4{font-weight:

bold;color:teal

;font-family:宋體;

background-color:white;}3.3

主題與皮膚#Label5{font-weight:bold;color:

red

;font-family:宋體;background-color:white;}3.3

主題與皮膚#btn_Submit{font-weight:

bold;font-size:

large;color:

black;font-family:隸書(shū);background-color:

honeydew;}3.3

主題與皮膚TABLE{background-color:

beige;border-right:

silver

thin

solid;border-top:

silver

thin

solid;border-left:

silver

thin

solid;border-bottom:

silver

thin

solid;}3.3

主題與皮膚3.3

主題與皮膚引用樣式文件在用戶(hù)注冊(cè)頁(yè)面文件User_Register.aspx的<head></head>之間寫(xiě)入引用樣式文件的語(yǔ)下：<head

runat="server"><title>無(wú)標(biāo)題頁(yè)</title><style

type="text/css">@importurl(App_Themes/Css/StyleSheet.css);</style></head>將User_Register.aspx網(wǎng)頁(yè)設(shè)置為起始頁(yè)，運(yùn)行后的效果如圖3-23所示。3.4

本地化與全球化Internet是一個(gè)全球網(wǎng)絡(luò)，用戶(hù)可以通過(guò)使用多種不同的語(yǔ)言進(jìn)行交流，也可以使用不同語(yǔ)言文件所指定的設(shè)置。許多Web站點(diǎn)都只是用一種語(yǔ)言所編寫(xiě)出來(lái)的，所以對(duì)那些不能用此種語(yǔ)言交流的用戶(hù)來(lái)說(shuō)網(wǎng)站就失去了意義。有些Web站點(diǎn)被翻譯成了多種不同的語(yǔ)言，如“英文版”、“日文版”等，但用戶(hù)必須單擊他們想要的語(yǔ)言鏈接才能打開(kāi)相應(yīng)的網(wǎng)站，而且這種方法實(shí)際上是制作了多個(gè)不同的網(wǎng)站。ASP.NET能夠自動(dòng)根據(jù)用戶(hù)想要的語(yǔ)言來(lái)提供網(wǎng)站。每次服務(wù)器發(fā)出請(qǐng)求時(shí)，瀏覽器會(huì)將用戶(hù)的首選語(yǔ)言傳送給服務(wù)器，ASP.NET使用這個(gè)值，來(lái)決定如何對(duì)頁(yè)面進(jìn)行本地化工作，以達(dá)到網(wǎng)站全球化的目的。3.4

本地化與全球化3.4.1

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 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ì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論