网上书店站页面及系统框架搭建.pptVIP

网上书店动态网站页面及系统框架搭建 模块：构建网上书店系统框架 为网上书店管理员构建站点母版页 建立网上书店管理员后台导航系统 能力目标 掌握各种站点导航控件的使用方法 掌握 MasterPage 搭建页面框架的方法 熟练使用常用的Web控件 网上书店项目概况 第三波网络书店的主要功能模块： 图书管理模块 用户管理模块 图书发布模块 购物车管理模块 会员模块 任务1：使用母版页搭建页面框架 任务分析： 根据上述模块划分，课堂项目网上书店相应的网站目录结构图如图所示。 根据项目素材中的Admin.htm构建后台母版Admin.master 课堂训练1 1.搭建网上书店目录结构 页面典型布局 栏式结构 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 区域结构 页面精美、适合信息量较少的页面 页面布局技术 母版页 母版页的特点 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 提供一种便于利用的对象模型 使用演示 演示母版页的使用 创建母版页 设计样式 添加内容页 代码分析 母版页代码 内容页代码 将现有页面放入母版 步骤： 1、@Page 标记中指定 MasterPageFile 位置 2、去除内容页的多余 html 标签 3、去除 form 标记 4、创建asp:Content标签，并放入对应的内容 5、指定相应的ContentPlaceHolderID 课堂训练2 1.根据项目素材中的Member.htm构建会员管理母版Member. master 任务2：制作站点地图 根据目录结构图，绘制页面关系草图并制作网站站点地图 站点地图 站点地图是对站点结构的XML描述 文件名为Web.sitemap Web.sitemap注意事项 注意事项 站点地图根节点为siteMap元素，每个文件有且仅有一个根节点。 siteMap下一级有且仅有一个siteMapNode节点。 siteMapNode下面可以包含多个新siteMapNode节点。 站点地图中，同一个URL仅能出现一次。 任务3：使用SiteMapPath显示站点导航路径 使用SiteMapPath控件完成Admin.master上的面包屑导航 SiteMapPath控件 指示页面在站点的逻辑位置的导航。 该类型的导航可以帮助用户理解站点结构 通过该导航，可以迅速找到相关的位置 任务4：使用TreeView制作站点树形导航 使用TreeView控件完成Admin.master上的树形菜单导航 TreeView控件 以树形目录方式导航的控件 TreeView的使用步骤 1、将TreeView导航控件拖入页面 2、编写数据文件（.xml） 3、设置数据源 4、设置自动套用格式 设置不同的数据源 TreeView绑定XML文件的方式 扩展知识： TreeView以编程方式添加节点内容 课堂训练3 编写前台树形导航的XML文件，用TreeView控件实现下图导航 任务5：使用Menu控件制作导航 Menu控件提供静态和动态混合的菜单功能。 静态部分是直接显示在页面上 动态部分是仅在需要的时候才显示 Menu控件的使用 与TreeView类似，只是增加了动态选择项。 总结 站点地图的功能是什么？ 站点地图中出现了同一个页面两次，不过该页面后缀的参数不同（比如id=1和id=2），是否正确？ 母版页和内容页通过什么方式相关联？ TreeView控件绑定XML数据源时，什么属性指定显示的标题？ 导航控件设置分隔符为特殊图片，如何做？ * * * * 网站后台管理 网站前台图书管理 网站前台会员管理 页面布局 技术 Table DIV + CSS 简单、方便，现已较少用于布局 更加美观 在页面展示和浏览速度上有很大优势 注意：Table方式的布局越来越少，并不代表Table标签过时，在DIV布局的页面上，常常会有Table的表格。 母版页 软件专业?培训-A 联系方式 内容 内容页 软件专业?培训-A 联系方式 内容 合并的页面 母版页应用于统一的布局 添加内容页有两种方式： 1、在母版页任意位置右键，点击添加内容页; 2、在解决方案资源管理器上新建新项，在生成aspx页面时勾选“选择母版页” div nbsp;软件专业?培训-A asp:contentplaceholder id=cphContent runat=server /asp:contentplaceholder 联系我们 /div %@ Page Language=C# MasterPageFile=~/MasterPage.master AutoEvent