当前位置：文档之家 › .NET高级技术(3学时)

.NET高级技术(3学时)

  • 格式：ppt
  • 大小：3.72 MB
  • 文档页数：73

下载文档原格式

  / 73

合集下载

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

TreeView控件
.NET架构
TreeView控件节点样式属性
属性名称 HoverNodeStyle LeafNodeStyle NodeStyle ParentNodeStyle RootNodeStyle SelectedNodeStyle 说 明
节点在鼠标指针置于其上时的样式设置 叶节点的样式设置 节点的默认样式设置 父节点的样式设置 根节点的样式设置 所选节点的样式设置
SiteMapPath控件 每个页面都要一个
.NET架构
SiteMapPath控件属性
属性名称
CurrentNodeStyle RootNodeStyle ParentLevelsDisplayed PathDirection PathSeparator PathSeparatorStyle RenderCurrentNodeAsLink Target 应用于当前节点的样式 应用于根节点的样式 获取或设置控件显示的相对于当前节点的父节点个数 默认值为-1，表示对控件显示的父节点个数没有限制 获取或设置导航路径节点的呈现顺序 获取或设置导航路径节点间的分隔符字符串 应用于PathSeparator的样式 指示是否将当前节点呈现为超链接 获取或设置用来显示菜单项的关联网页内容的目标窗口或框架
站点地图是一个名为Web.sitemap的XML文件，它用于描 述站点的逻辑结构; Web.sitemap一般位于应用程序的根目录中; 系统会自动选取Web.sitemap文件作为站点地图; 作用：在使用站点地图管理页导航后，如果要添加或移除 页面，则只须修改站点地图而不必修改所有网页的链接。
② ① ③
单击导航链接 可以跳转
.NET架构
创建站点导航基本过程
1. 将所有页面的链接存储在一个中心位置(站点地图);
2. 用SiteMapDataSource数据源控件读取站点信息;
3. 用SiteMapPath/Menu/TreeView导航控件显示导航链接。
【返回】
.NET架构
9.1.1 站点地图
.NET架构
TreeView控件的图像属性
属性名称 CollapseImageUrl ExpandImageUrl LineImagesFolder NoExpandImageUrl 说 明
可折叠节点的指示符所显示图像。默认为一个减号 可展开节点的指示符所显示图像。默认为一个加号 包含用于连接父节点和子节点的线条图像的文件夹的图像 不可展开节点的指示符所显示的图像
.NET架构
框架代码
①
index.aspx 使用frameset就不用body
<frameset rows="80,*,80" frameborder="1">
<frame src="header.aspx" scrolling="no" name="header" />
<frameset cols="180,*">
net架构menu控件的图像属性属性名称说明dynamicbottomseparatorimageurl显示在动态菜单项底部的图像用于将菜单项与其他菜单项隔开dynamicpopoutimageurl显示在动态菜单项中的可选图像用于指示菜单项具有子菜单dynamictopseparatorimageurl显示在动态菜单项顶部的图像用于将菜单项与其他菜单项隔开返回scrolldownimageurl显示在菜单项底部的图像用于指示用户可以向下滚动查看其他菜单项scrollupimageurl显示在菜单项顶部的图像用于指示用户可以向上滚动查看其他菜单项staticbottomseparatorimageurl显示在静态菜单项底部的图像用于将菜单项与其他菜单项隔开staticpopoutimageurl显示在静态菜单项中的图像用于指示菜单项具有子菜单statictopseparatorimageurl显示在静态菜单项顶部的图像用于将菜单项与其他菜单项隔开
TreeView1.Target = "right";
注：right是某个frame的name值。
【返回】
.NET架构
9.2 母版页
一级页面
二级页面
.NET架构
某个页面
嵌套 母版
实际 内容
.NET架构
母版页作用
母版页可以创建具有一致外观的网站。 母版页可以为所有页(或一组页)定义所需的外观和标准行 为，而网站要显示的各个内容页则嵌套在母版页中。 开发人员利用母版页技术可以将网站的主框架和内容分开 处理，主框架部分由母版页定义。
</frames骤
提醒：Sitemap1网站已经有header.aspx和footer.aspx
1. 将导航示例中的页面导入到另一文件夹 ( 如Pages，便于管理 )
2. 修改Web.sitemap的url属性 (如url="Pages/Sports.aspx")
3. 新建left.aspx页面中添加SiteMapDataSource+TreeView导 航，并在其Page_Load中添加代码：
【返回】
.NET架构
9.1.2 SiteMapDataSource数据源控件
无需对SiteMapDataSource控件进行配置，该控件就会自 动选择Web.sitemap作为站点地图; SiteMapDataSource控件为站点导航控件(TreeView和 Menu控件)提供了站点导航信息。
根节点(有且只有1个) 嵌套siteMapNode元素来创建导航的层次结构
.NET架构
Web.sitemap示例
首页 Default.aspx
体育 Sports.aspx
娱乐 Ent.aspx
足球 Football.aspx
篮球 Basketball.aspx
电影 Movie.aspx
音乐 Music.aspx
.NET架构
主要内容
9.2.1 创建母版页 9.2.2 母版页成员的访问 9.2.3 母版页的嵌套
【返回】
.NET架构
9.2.1 创建母版页(.master文件)
MasterPage.master： <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> … <head runat="server"> <title>无标题页</title> <asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder> Head中的占位符控件 </head> <body> <form id="form1" runat="server"> <div> <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> 关键部分 </div> </form> 占位符控件 </body> 运行时会被内容页替换 </html>
ShowCheckBoxes属性：指示哪些节点类型将在TreeView控件中显示复选框。 ShowLines属性：指示是否显示连接子节点和父节点的线条。
.NET架构
练习－使用FrameSet框架和TreeView导航
header.aspx
新建index.aspx
left.aspx
footer.aspx
.NET架构
Web.sitemap基本结构
<?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="/AspNet/SiteMap-File-1.0" > <siteMapNode url=" " title=" " description=" "> <siteMapNode url=" " title="" description=" " /> <siteMapNode url=" " title="" description=" " /> </siteMapNode> </siteMap>
.NET架构
工作原理
母版
母版创建占位符控件(ContentPlaceHolder)
内容页使用母版页 并绑定到占位符控件上 从而用自己的内容替换占位符
.NET架构
创建内容页
选择母版页窗口
关键点
.NET架构
内容页代码
指明要使用的母版页
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="母版页测试" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
.NET架构
参考
<?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="/AspNet/SiteMap-File-1.0" > <siteMapNode url="Default.aspx" title="首页" description="Home"> <siteMapNode url="Sports.aspx" title="体育" description="Sports" > <siteMapNode url="Football.aspx" title="足球" /> <siteMapNode url="Basketball.aspx" title="篮球" /> </siteMapNode> <siteMapNode url="Ent.aspx" title="娱乐" description="Ent" > <siteMapNode url="Movie.aspx" title="电影" /> <siteMapNode url="Music.aspx" title="音乐" /> </siteMapNode> </siteMapNode> </siteMap>
【返回】
.NET架构
9.1.3 导航控件
1. SiteMapPath控件 2. Menu控件 3. TreeView控件
以sitemap1网站为例讲解
【返回】
.NET架构
1. SiteMapPath控件
向用户显示当前页面位置，并以链接形式显示返回主页路 径。在三种导航控件中，该控件使用最少的页面空间。 无需SiteMapDataSource数据源控件。
.NET架构
主讲教师 张智 计算机学院
.NET架构
第9章 高级技术
9.1 9.2 9.3 9.4 9.5 站点导航 母版页 主题与皮肤 个性化用户配置 Web部件
.NET架构
9.1 站点导航
一个好的网站应该呈现给访问者一种简单而灵活的导航结 构以便他们能够方便快捷地浏览网站的不同部分。
定义框架含有多少列与列的大小(每个值使用逗号分 隔),取值为象素或者百分比%; * 代表占用余下空 间
②
⑴ ⑵
<frame src="left.aspx" />
<frame src="" name="right" scrolling="yes" />
</frameset>
③
<frame src="footer.aspx" scrolling="no" name="footer"/>
说
明
【返回】
.NET架构
2. Menu控件
显示一个可展开的菜单。
需SiteMapDataSource 数据源控件
Menu控件
.NET架构
Menu控件样式属性
属性名称 DynamicHoverStyle DynamicMenuItemStyle DynamicMenuStyle DynamicSelectedStyle StaticHoverStyle StaticMenuItemStyle StaticMenuStyle 说 明 动态菜单项在鼠标指针置于其上时的样式设置 单个动态菜单项的样式设置 动态菜单的样式设置 当前选定的动态菜单项的样式设置 静态菜单项在鼠标指针置于其上时的样式设置 单个静态菜单项的样式设置 静态菜单的样式设置
StaticSelectedStyle
当前选定的静态菜单项的样式设置
.NET架构
Menu控件的图像属性
属性名称
DynamicBottomSeparatorImageUrl DynamicPopOutImageUrl
说
明
显示在动态菜单项底部的图像，用于将菜单项与其他菜单项隔开 显示在动态菜单项中的可选图像，用于指示菜单项具有子菜单
DynamicTopSeparatorImageUrl
ScrollDownImageUrl ScrollUpImageUrl StaticBottomSeparatorImageUrl
显示在动态菜单项顶部的图像，用于将菜单项与其他菜单项隔开
显示在菜单项底部的图像，用于指示用户可以向下滚动查看其他 菜单项 显示在菜单项顶部的图像，用于指示用户可以向上滚动查看其他 菜单项 显示在静态菜单项底部的图像，用于将菜单项与其他菜单项隔开
StaticPopOutImageUrl
StaticTopSeparatorImageUrl
显示在静态菜单项中的图像，用于指示菜单项具有子菜单
显示在静态菜单项顶部的图像，用于将菜单项与其他菜单项隔开
【返回】
.NET架构
3. TreeView控件
以树结构显示分层数据。
需SiteMapDataSource 数据源控件