模板页站点导航.pptVIP

搭建风格统一的Web站点 预习检查 母版页有哪些优点？ 使用什么控件可以实现“面包屑导航”功能？ 本章目标 会使用母版页搭建页面框架 会使用导航控件完成导航功能 能使用XML、手动编码添加节点来控制树形导航 页面典型布局 栏式结构 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 区域结构 页面精美、适合信息量较少的页面 页面布局技术 母版页 母版页的特点 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 提供一种便于利用的对象模型 母版页的使用 母版页的使用步骤 1、创建母版页 2、设计样式 3、添加内容页 将现有页面放入母版 步骤： 1、@Page 标记中指定 MasterPageFile 位置 2、去除内容页的多余 html 标签 3、去除 form 标记 4、创建asp:Content标签，并放入对应的内容 5、指定相应的ContentPlaceHolderID 网上书店项目概况 网上书店的主要功能模块： 用户管理模块 图书管理模块 图书发布模块 订单管理模块 练习——使用母版页搭建页面框架 需求说明： 使用母版页搭建网上书店的页面框架，在内容页中显示“欢迎光临***书店!” 站点地图 站点地图是对站点结构的XML描述 文件名为web.sitemap web.sitemap注意事项 注意事项 站点地图根节点为siteMap元素，每个文件有且仅有一个根节点 siteMap下一级有且仅有一个siteMapNode节点 siteMapNode下面可以包含多个新的siteMapNode节点 站点地图中，同一个URL仅能出现一次 SiteMapPath控件 指示页面在站点的逻辑位置的导航 该类型的导航可以帮助用户理解站点结构 通过该导航，可以迅速找到相关的位置 SiteMapPath重要属性 PathSeparator属性 控制分隔符的样式 可以通过编辑模板更改分隔符为任意样式 ParentLevelsDisplayed属性 控制导航显示的相对于当前显示的节点的父节点级别数 练习——实现“面包屑”导航 实现网上书店的“面包屑”导航功能 TreeView控件 以树形目录方式导航的控件 TreeView数据添加 以树形目录方式导航的控件 视图中添加 动态添加 数据源控件的绑定 站点地图 XML文件 编码添加节点 数据源控件的绑定 采用站点地图作为数据源 采用XML文件作为数据源 1、将TreeView导航控件拖入页面 2、编写数据文件（.xml） 3、设置数据源 4、编辑TreeNode 5、设置自动套用格式 练习——实现管理员端的菜单功能 需求说明： 实现网上书店菜单功能 使用XML存储菜单项并绑定到TreeView * * 页面布局 技术 Table DIV + CSS 简单、方便，现已较少用于布局 更加美观 在页面展示和浏览速度上有很大优势 注意：Table方式的布局越来越少，并不代表Table标签过时， 在DIV布局的页面上，常常会有Table的表格 母版页 软件开发?语言-C# 联系方式 内容 内容页 软件开发?语言-C# ?xml version=1.0 encoding=utf-8? siteMap xmlns=/AspNet/SiteMap-File-1.0 siteMapNode title= “首页 description= url=“Index.aspx siteMapNode title=“用户管理 url= Userinfo.aspx description= / siteMapNode title= “图书管理 url= “bookinfo.aspx description= / /siteMapNode /siteMap 根节点，一个站点地图只能有一个siteMap元素 对应于页面的节点 一个节点描述一个页面 提供链接的文本描述 文件在解决方案中的位置 注意：如果要表示根目录，需要用“~/” 说明性文本 并提供光标停留时 显示的内容 “面包屑”导航 适用于固定、少量数据 数据源 常用来对读取存储于数据库中的菜单数据 适用于常需修改、少量的数据 * * *