《学习情境三》.pptVIP

学习情境三 站点导航控件与母版页 回顾2-1 JSP中实现树形目录的方式？ 你使用过哪些HTML控件和Web控件？ 回顾2-2 检查下面代码中的错误，并改正 预习检查 TextBox控件除了有单行、多行，还有哪种形式？ 本章讲述的导航控件有哪几个？ 母版页是的主要作用是什么？ 本章任务 为网上书店管理员构建站点母版页 建立网上书店管理员后台导航系统 本章目标 掌握各种站点导航控件的使用方法 掌握 MasterPage 搭建页面框架的方法 熟练使用常用的Web控件 控件概述 ASP.NET的控件 Label控件 Label控件在页面上显示一个静态文本。 Label控件的不同视图 设计器视图 设计时的源文件视图 浏览器效果 浏览时的页面源代码 Button控件 Button控件在页面上显示一个按钮 TextBox控件 TextBox控件在页面上显示一个可编辑的文本框 TextBox控件的状态 演示 实现简易留言 分别使用TextBox控件TextMode的三种值展示单行、多行和密码文本框 使用Button控件提交内容 使用Label控件显示提交的内容 站点导航系统 站点地图 站点地图是对站点结构的XML描述 文件名为Web.sitemap Web.sitemap注意事项 注意事项 站点地图根节点为siteMap元素，每个文件有且仅有一个根节点。 siteMap下一级有且仅有一个siteMapNode节点。 siteMapNode下面可以包含多个新的siteMapNode节点。 站点地图中，同一个URL仅能出现一次。 SiteMap系统架构 SiteMapPath控件 指示页面在站点的逻辑位置的导航。 该类型的导航可以帮助用户理解站点结构 通过该导航，可以迅速找到相关的位置 SiteMapPath重要属性 PathSeparator属性 控制分隔符的样式 可以通过编辑模板更改分隔符为任意样式 分隔符模板PathSparatorTemplate PageLevelsDisplayed属性 控制导航显示的级数 导航过深，影像美观，可通过该属性控制级数 TreeView控件 以树形目录方式导航的控件 TreeView的使用步骤 1、将TreeView导航控件拖入页面 2、编写数据文件（.xml） 3、设置数据源 4、设置自动套用格式 设置不同的数据源 TreeView绑定XML文件的方式 Menu控件 Menu控件提供静态和动态混合的菜单功能。 静态部分是直接显示在页面上 动态部分是仅在需要的时候才显示 Menu控件的使用 与TreeView类似，只是增加了动态选择项。 小结 导航控件什么属性可控制显示的级数？ TreeView控件绑定XML数据源时，什么属性指定显示的标题？ 导航控件设置分隔符为特殊图片，如何做？ 页面典型布局 栏式结构 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 区域结构 页面精美、适合信息量较少的页面 页面布局技术 母版页 母版页的特点 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 提供一种便于利用的对象模型 使用演示 演示母版页的使用 创建母版页 设计样式 添加内容页 代码分析 母版页代码 内容页代码 将现有页面放入母版 步骤： 1、@Page 标记中指定 MasterPageFile 位置 2、去除内容页的多余 html 标签 3、去除 form 标记 4、创建asp:Content标签，并放入对应的内容 5、指定相应的ContentPlaceHolderID 第三波网络书店项目概况 第三波网络书店的主要功能模块： 图书管理模块 图书发布模块 用户管理模块 订单管理模块 用户模块 第三波的母版页和导航系统 创建第三波网上书店的管理员后台的母版页和导航系统 1、编写站点地图文件 2、编写树形目录所使用的XML文件 3、创建母版页，并添加布局（参考美工设计的静态页面） 4、放入SiteMapPath控件和TreeView控件 5、添加内容页面 总结 站点地图的功能是什么？ 站点地图中出现了同一个页面两次，不过该页面后缀的参数不同（比如id=1和id=2），是否正确？ 母版页和内容页通过什么方式相关联？内容页应该如何设置页面标题？ Thank you div nbsp;第三波网络书店 asp:contentplaceholder id=cphContent runat=server /asp:contentplaceholder 联系我们 /div %@ Page Language=C# MasterPageFile=~/MasterPage.master AutoE