科创学院Wb应用开发课件 第七章 网站统一化管理及美化.ppt

第七章 学习情境：网站统一化管理及美化 第七章 学习情境：网站统一化管理及美化 7.1 学习情境引入 7.2 基本知识1：母版页 7.3 基本知识2：导航控件 7.4 基本知识3：用户控件 7.5 基本知识4：Web.config配置文件 7.6 基本知识5：主题和皮肤 7.7 决策与计划 7.8 实施 7.9 检查与评价 7.10 训练 7.1 学习情境引入 7.1.1 功能需求 7.1.2 功能展示 7.1.3 技术分解 7.1.1 功能需求 在前面几个学习情境的学习过程中，不管是图书详细介绍页面的设计还是跨页面数据传递的实现，在设计网页时都是逐个布局设计的，而随着网站功能要求的不断增强，网站规模也逐渐庞大，一个网站可能有几十个、上百个甚至更多的网页组成的，其中可能有很多网页呈现类似的内容，同时要求具有统一的风格，例如我们网上书店管理系统中，首页、图书详细介绍页面及购物车页面等都具有相同的顶部信息和底部版权说明信息，在顶部信息中包括相同的Logo，以及注册、登录、日期显示、加入收藏夹、设为首页及导航到首页、购物车、订单等的链接。如果我们在设计这些网页时仍然按部就班的都逐个设计，在设计过程中就会做很多重复工作，即使是使用复制和粘贴功能，也势必影响设计的效率；另一方面，网站完成后，在后期的测试过程中，客户可能提出一些页面设计方面的改进建议，假设要求改进的是多个页面中的相同部分，我们也必须单个页面进行修改。 7.1.2 功能展示 ASP.NET为我们提供了一种从整体上管理整个网站设计风格的技术，既提高开发时的效率，又便于后期设计风格方面的维护，网上书店管理系统大量应用了相关技术。 1.母版页 2.导航控件 7.1.2 功能展示 7.1.2 功能展示 7.1.3 技术分解 根据展示，明显可以看到的统一化管理和美化技术有：母版页、导航控件、用户控件等。 实际上网上书店管理系统还使用了其他相关技术。前面章节中我们介绍了“级联样式表”CSS，来控制HTML元素显示的外观，但是CSS的属性定义并不与服务器控件的外观属性一一对应，用CSS控制服务器控件显示的外观并不方便，这时我们就用到了ASP.NET提供的另一项功能“主题与皮肤”，网页的主题与皮肤可通过程序进行切换，皮肤（外观文件）可以很好的控制服务器控件显示外观。 主题可以单个页面应用，也可以整个网站统一应用，在整个网站统一应用时要用到“web.config”配置文件。 本章我们要利用ASP.NET提供的这些功能，来实现网上书店管理系统的统一化管理及美化。由于这些技术的应用渗透到网上书店管理系统的每个部分，在本章实施中，将重点实现前台母版页的逻辑部分，以及关键字搜索用户控件和图书类别树用户控件。 7.2 基本知识1：母版页 母版页（Master Page）是以“.master”为扩展名的文件，它是微软为网站开发中全部或者部分网页具有统一的布局结构而增加的功能，这和Dreamweaver中的网页框架功能类似，在母版页中可以像一般网页一样进行布局设置，并放置控件进行编写逻辑代码，还可以在某一位置或多个位置给应用此母板页的网页留出空间，只要修改一次母版页，应用这个母版页的其它所有网页随之改变，这进一步提高了开发效率，降低了开发和维护难度。 7.2 基本知识1：母版页 7.2.1 母版页的创建方法 7.2.2 母版页的使用 7.2.1 母版页的创建方法 创建一个网站，命名为“WebSiteMasterDemo”，位置选“文件系统”，语言选“Visual C#”； 在“解决方案资源管理器”中，鼠标右键单击“WebSiteMasterDemo”，在弹出的快捷菜单中，选择“添加新项”； 打开“添加新项”对话框，如图 7-7 创建母版页所示，在模板列表中选择“母版页”，下面的名称默认为“MasterPage.master”; 单击“添加”按钮后，母版页就被添加到“解决方案资源管理器”中，在VS2008的“源视图”模式下，生成的母版页源代码如图 7?8 源视图中的母版页所示。 7.2.1 母版页的创建方法 7.2.1 母版页的创建方法 7.2.2 母版页的使用 在“解决方案资源管理器”上右击，选择“添加新项”命令，在打开的“添加新项”对话框的模板列表中选择“Web 窗体”，如图 7?9 添加内容页所示，在下面的名称文本框中更改此页面的名称或者采用默认值，与添加一般网页不同的是，要勾选名称文本框右下方的“选择母版页”复选框。 单击“添加”按钮，将打开“选择母版页”的对话框，如图 7?10 选择母版页所示，左侧是项目文件列表，右侧是网站已添加的母版页列表，有时网站根据显示内容的不同，可能有几个母版页，在此图中只有一个名为