《ASP.NET 2.0 C# 网站开发实用教程 教学课件 ppt 作者 梁晓晖 来继敏 ASP[1].NET2.0_第七章》由会员分享，可在线阅读，更多相关《ASP.NET 2.0 C# 网站开发实用教程 教学课件 ppt 作者 梁晓晖 来继敏 ASP[1].NET2.0_第七章（40页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET2.0(C#) 网站开发实用教程,机械工业出版社 2009.8,第2页，共40页,1.导航控件,2. 母版页,3. Theme主题的使用,4. 个性化,5. Web Parts,知识点,第3页，共40页,1. 站点导航,2. 使用母版页处理多个网页中的公共元素,3. 使用Theme主题使网站具有统一风格,4. 使用个性化创建高度定制、专用于特定用户的站点,5. 使用Web Parts定制页面设置，建立模块化Web站点,第4页，共40页,效果图7-1新闻展示主页,第5页，共40页,效果图7-2新闻主页个性化内容最小化,第6页，共40页,效果图1-3新闻主页个性化内容部分关闭,第7页
2、，共40页,效果图7-4添加个性化内容,第8页，共40页,7.1 导航控件 ASP.NET2.0中引入了三个导航控件，包括Menu、TreeView和SiteMapPath。使用导航控件的好处：,易编程性。由于Menu、TreeView和SiteMapPath属于ASP.NET2.0内置控件，程序员可以很容易地设计网站导航，能够设计出比以前更为复杂精巧且更具互动性的网站导航功能。 站点地图文件。这三个导航控件的网站导航信息不是固定在导航控件上，而可以由一个扩展名为sitemap的XML文件提供，该文件提供了一个树状结构，在添加或删除网页时，只需要修改相应的站点地图文件即可。 网站导航控件的事件
3、。使用控件提供的事件，可以很方便的完成导航任务，而不必为了网站导航事件编写很多的Javascript，省去了繁琐的工作。,第9页，共40页,7.1.1 Menu控件的使用,Menu 控件具有两种显示模式： 静态模式 静态模式意味着 Menu 控件始终是完全展开的，整个结构都是可见的，用户可以点击任何部位 动态模式 在动态模式显示的菜单中，指定的部分是静态的，而只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。,第10页，共40页,7.1.1 Menu控件的使用（续）,【例7-1】 使用Web.sitemap站点导航文件，配合SiteMapDataSource控件，使用Menu控件完成站点的
4、导航。,Web.sitemap文件的内容如下： ,第11页，共40页,7.1.1 Menu控件的使用（续）,在每个页面上添加siteMapDataSource和Menu控件,并设置Menu控件的DataSourceID属性为SiteMapDataSource1，Orientation属性为Horizontal，StaticDisplayLevels属性为2。运行效果如下：,第12页，共40页,7.1.1 Menu控件的使用（续）,【例7-2】将例7-1中的SiteMapDataSource控件删掉，并为Menu控件添加菜单项，完成导航。,添加菜单项的方法： 选中Menu控件，在属性面板的Ite
5、ms属性后面按钮上点击，打开菜单项编辑器，添加上例中对应的菜单项，如右图所示。运行效果同上例。,第13页，共40页,7.1.2 TreeView控件,TreeView控件用于以树形结构显示分层数据，如文件目录、产品分类等，也可以进行站点导航。TreeView控件的使用方法类似于Menu控件，只是导航的方式不同，TreeView控件是以树的形式进行的。,第14页，共40页,7.1.2 TreeView控件（续）,【例7-3】使用TreeView控件进行导航，采用SiteMapDataSource控件，绑定到SiteMap文件来实现。,拖拽TreeView和SiteMapDataSource控件到
6、页面上，设置TreeView控件的DataSourceID为SiteMapDataSource1，web.sitemap文件的内容如下：,第15页，共40页,7.1.2 TreeView控件（续）,根据web.sitemap文件中的描述，创建相应的页面，并分别在其中添加上述两个控件，设置相同。,运行效果如下图示：,第16页，共40页,7.1.2 TreeView控件（续）,【例7-4】 使用TreeView节点编辑器设计TreeView导航。,向页面中添加TreeView控件，修改其Nodes属性，使用TreeView节点编辑器，如下图示：,第17页，共40页,7.1.3 SiteMapPat
7、h控件,SiteMapPath 会显示一个导航路径，此路径为用户显示当前页的位置，并显示返回到主页的路径链接。,第18页，共40页,7.1.3 SiteMapPath控件,【例7-5】在例题7-3的基础上，为每个页面添加SiteMapPath控件。,我们只需要在例题7-3的每个页面上添加SiteMapPath控件，既可以在网页上显示导航路径，运行效果如右图。,第19页，共40页,7.2 母版页,使用 ASP.NET 母版页可以为应用程序中的页创建一致的布局，单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为，然后可以创建包含要显示的内容的各个内容页。当用户请求内容页时，这些
8、内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。,第20页，共40页,7.2 母版页,母版页如何工作呢？,内容页,用户最终浏 览到的页面,母版页,第21页，共40页,以下代码为一个完整的母版页代码： 无标题页 ,第22页，共40页,下面为内容页的代码： ,第23页，共40页,7.2 母版页,【例7-6】 将例7-1改为使用母版页完成页面导航。,第24页，共40页,什么是Theme主题？,7.3 Theme主题的使用,Theme主题是属性设置的集合，使用这些设置可以定义页面和控件的外观，然后在某个 Web 应用程序中的所有页、整个 Web 应用程序或服务器上的所有 Web 应用程
9、序中一致地应用此外观。主题由一组元素组成：外观、级联样式表 (CSS)、图像和其他资源。,第25页，共40页,外观文件具有文件扩展名 .skin，它包含各个控件（例如，Button、Label、TextBox 或 Calendar 控件）的属性设置。控件外观设置类似于控件标记本身，但只包含您要作为主题的一部分来设置的属性。例如，下面是 Button 控件的控件外观： ,7.3 Theme主题的使用（续）,第26页，共40页,默认外观,已命名外观,是设置了 SkinID 属性的控件外 观，它不会自动按类型应用于控 件，而应当通过设置控件的 SkinID 属性将已命名外观显式 的应用于控件，这可以
10、为同一控 件的不同实例设置不同的外观。,向页面应用主题时，默认外观自 动应用于同一类型的所有控件，如 果没有设置控件 SkinID 属性， 则使用默认外观。默认外观严 格按控件类型来匹配。,有两种类型的控件外观：,7.3 Theme主题的使用（续）,第27页，共40页,【例7-7】创建一个简单的Theme文件，将Theme应用于日历控件。,7.3 Theme主题的使用（续）,第28页，共40页,ASP.NET 2.0 Profile系统允许你轻松存储用 户的个性化信息，可以定义与用户有关的属 性，并将它存储在的个性化文件中，个性化 文件数据可以用程序方便地访问，个性化文 件默认使用SQL Se
11、rver。,选择器,7.4 个性化,第29页，共40页,Profile系统以提供程序模型为基础， Profile提供程序负责将属性值序列化和反 序列化到数据库中。.NET Framework默认 使用SqlProfileProvider类，使用一个SQL Server数据库表来存储数据。数据库在使 用之前必须要进行配置，下面来学习配置 SQL Server数据库的方法。,7.4 个性化（续）,第30页，共40页,启动配置命令,7.4 个性化（续）,第31页，共40页,7.4 个性化（续）,第32页，共40页,7.4 个性化（续）,第33页，共40页,可以在web.config文件中修改配置信息
12、，完成网站对个性化信息的配置。,7.4 个性化（续）,第34页，共40页,【例7-8】 为例7-7添加个性化信息，让用户定制Calendar控件的Theme主题。,7.4 个性化（续）,第35页，共40页,ASP.NET Web 部件是一组集成控件，用于创建 网站使最终用户可以直接从浏览器修改网页的内 容、外观和行为。这些修改可以应用于网站的所 有用户或个别用户。当用户修改页和控件时，可 以保存这些设置以便以后跨各浏览器会话保留用 户的个人首选项，这种功能建立在个性化的基础 之上。,7.5 Web Parts,第36页，共40页,7.5.1 Web Parts控件,WebPartManager
13、：该控件在一个页面上管理所有的Web Parts控件。每个Web Parts页面需要且只需要一个WebPartManager控件。 CatalogZone：包含CatalogPart控件。使用这个区域控件来创建Web Parts控件的一个目录，从这里用户能够选择控件添加到页面中。 EditorZone：包含EditorPart控件。在这个区域控件中，用户能够编辑和个性化页面上的Web Parts控件。 WebPartZone：为组成页面上主要用户界面的Web Parts控件提供总体布局。可以在任何使用Web Parts控件创建页面的时候使用这个控件。 ConnectionsZone：可以在运行
14、时创建两个服务器控件之间的连接，以形成连接并共享数据。一个控件用作数据的提供者，另一个控件用作使用者。 CatalogPart：CatalogPart 类是CatalogZoneBase区域内的特殊控件的基类。 EditorPart：EditorPart 类提供一组基属性和基方法，由 Web Parts控件集提供的派生 EditorPart 控件和自定义 EditorPart 控件使用。,第37页，共40页,目录模式， 显示特殊目 录界面项， 让用户添加 和移除网页 元素，也允 许拖拽控件。,编辑模式， 显示编辑界 面项，让用 户编辑控件， 并提供与设 计模式一样 的功能，允 许拖拽控件。,设
15、计模式， 可以让用户 在区域间或 区域内自由 拖拽Web Parts控件， 以改变网页 的布局。,浏览模式， 只是用来显 示Web parts 及其界面（ 默认）,7.5.2 Web Parts页面的显示模式,链接模式， 显示特殊连 接界面项， 并让用户链 接Web Parts 控件。,第38页，共40页,7.5.3 数据库配置,要使用Web Parts功能，需要像7.4节一样配置个性化数据库，配置方法见7.4节，不再赘述。 数据库配置之后，需要在配置文件中增加Web Parts的配置： ,第39页，共40页,7.5.4 举例实现Web Parts个性化,【例7-9】 使用Web Parts制作一个可以让用户自由定制的页面。运行效果如下图所示：,Thank You !,
