软件开发实用教程第2版教学课件ppt作者华驰39后台目录管理模块课件.ppt

学习情境三 ：《中国无锡质量网》功能实现 工作任务：后台目录管理模块 ASP.NET软件开发技术项目实践 任务描述 掌握导航控件的相关知识 任务目标 知识目标 能力目标 对于一个大型的政府级网站，可能拥有成百上千的网页，导航就变得十分重要。好的导航系统能够方便用户在多个页面间来回浏览，增加应用程序的可交互性。ASP.NET提供了内置的站点导航技术，让开发人员创建站点导航时变得轻松。 本节笔者主要介绍“中国无锡质量网”的后台目录管理模块的开发过程，将讨论ASP.NET 4.5中的用于导航的两个高级服务器控件：TreeView控件与Menu控件，另外还将讨论多站点地图的应用。 掌握导航控件的使用 相关知识 导航控件是对应Visual Studio 2012工具箱的【导航】选项卡的Web服务器控件，这些控件都拥有在页面导航的功能，包括在页面显示菜单的Menu控件、显示层次结构的树形（TreeView）控件和提供站点导航的SiteMapPath控件等。 （1）Menu控件 Menu控件即菜单控件，主要用来创建页面上的显示菜单，可以包含一个主菜单和多个子菜单。Menu控件创建的菜单具有静态和动态两种显示模式。所谓静态显示模式，指的是Menu控件中的菜单始终是完全展开的，整个结构都是可见的，用户可以单击任何菜单项。而动态显示模式，则指的是需要鼠标停留在其父菜单项上时才会显示的子菜单，而且该动态菜单在显示一定时间后会自动消失。 相关知识 Menu控件最简单的用法是在设计视图中使用Items属性添加MenuItem对象的集合。MenuItem对象有一个NavigateUrl属性，如果设置了该属性，单击菜单项后将导航到指定的页面，可以使用Menu控件的Target属性指定打开页的位置，MenuItem对象也有一个Target属性，可以单独指定打开页面的位置。如果没有设置NavigateUrl属性，则把页面提交到服务器进行处理。 Menu控件常用的基本属性如表3-34所示： 相关知识 相关知识 下面笔者将通过实例介绍Menu控件的使用方法。 ① 创建ASP.NET应用程序WebSite3-9-1。创建页面MenuSample.aspx，它的代码隐藏文件是MenuSample.aspx.cs。在页面MenuSample.aspx中添加1个Menu控件，其ID设置为Menu1，设计界面如图3-75所示： 图3-75 Menu.aspx页面的设计界面 相关知识 ② 编辑Menu控件的各菜单项有Items属性设置。使用Items属性设置的方法是：选中Menu控件，单击【属性】窗口中Items属性后的【…】按钮，弹出【菜单项编辑器】窗口，如图3-76所示： 图3-76 【菜单项编辑器】窗口 相关知识 ③ 窗口左侧为菜单的树形结构视图，上方有【添加根项】、【添加子项】、【移除项】、【在同级间将项上移】、【在同级间将项下移】、【使所选项成为其父级的同级】、【使所选项成为其前一个同级的子级】等命令的快捷按钮，利用这些按钮创建菜单结构。此处，笔者添加“系统操作”和“帮助”两个根菜单项，如图3-77所示： 图3-77【菜单项编辑器】窗口2 相关知识 ④ 单击【确定】按钮，Menu控件的两个根菜单项添加成功。控件的Html代码如下： ⑤接下来笔者将用编程的方法为两个根菜单项添加子菜单，代码如下： 相关知识 相关知识 ⑥ 按Ctrl+F5组合键运行程序，运行结果如图3-78所示： 【提示】编辑Menu控件的各菜单项还可以使用数据绑定的方法，方法如下：将Menu控件与SiteMapDataSource控件相结合使用，设置Menu控件的DataSourceID为SiteMapDataSource控件的ID即可，此处读者可以自行练习。 图3-78 Menu.aspx页面的运行页面 相关知识 （2）TreeView控件 TreeView控件的应用可以说是相当的普及，每个开发人员，每个接触电脑的用户，基本上每天都有和TreeView控件打交道。之所以这么说，是因为Windows的资源管理器左侧就是一个相当经典的TreeView控件的应用，只要使用电脑，就不大可能不和资源管理器打交道。TreeView控件的常用属性如表3-35所示： 相关知识 相关知识 TreeView控件样式定义属性：TreeView控件有多种外观定义的集合属性，如表3-36所示。 TreeView控件的常用事件如表3-37所示： 相关知识 TreeView控件是一个树形结构的控件。该控件用于显示分层数据，如文件目录。TreeView控件有两种节点设置方式：一是Nodes属性定义方式，二是利用站点地图 Web.sitema