.NET Web应用系统开发 于华 作者提供_

1、第三章 系统框架及页面框架设计 提 纲HTML控件（教学重点）2母版页（教学重点）3导航系统（教学重点）4样式表及主题5控件及事件13.1 控件及事件3.1.1 控件的基本概念3.1.2 事件3.1.1 控件的基本概念控件是构建GUI的一个重要部分。控件为用户提供了标明个人偏好、录入数据或者进行某种选择的一种方法。 Web控件有五类:HTML控件、HTML服务器控件、ASP.NET服务器控件、ASP.NET AJAX服务器控件、用户控件及自定义控件。HTML控件HTML控件是任何HTML页面都可用的原始的控件。它们在ASP.NET环境下与在其他的网页环境下运行方式及效果相同。可以使用Dream

2、weaver、Visual Studio或其他编辑器，甚至写字板等生成、编辑。 标题部分 HTML服务器控件这些控件基于原始的HTML控件，通过对其功能的增强，使得能够进行服务端处理。统一的格式，如：LinkButtonASP.NET服务器控件ASP.NET服务器控件被集成进ASP.NET开发模型当中。它们在客户端以HTML方式呈现，并且提供和HTML服务器控件同样的功能，甚至更多。验证控件、数据源控件、DataView控件、自定义控件、登录和安全控件、母版页、Rich控件等均属于ASP.NET服务器控件类。ASP.NET AJAX服务器控件ASP.NET AJAX服务器控件采用了AJAX系列

3、技术来增强使用了ASP.NET服务器控件的页面。ASP.NET AJAX服务器控件在客户端以HTML和JavaScript呈现。ASP.NET AJAX服务器控件分为两类：核心控件AJAX控件工具包控件用户控件及自定义控件用户控件（user controls）及自定义控件（custom controls）由开发者建立。用户控件是ASP.NET网页的一部分，它可以在其他网页中进行重用。对于ASP.NET开发人员来说，它和“文件包含（include files）”的功能类似，且功能更强大，支持属性和事件。 3.1.2 事件ASP.NET页面及其所包含的控件都拥有继承自Control类的事件（对于E

4、rror事件则是继承自TemplateControl）。表2.2列出了一些常见的页面和控件事件。回传事件回传事件促使表单立刻回传到服务器。这包括单击类型的事件，如Button.Click。与之相对的是，某些事件（典型的有修改事件，如TextBox.TextChanged，或者选择事件，如CheckBox.CheckedChanged）被认为是非回传的，因为事件并不立即回传到服务器。设置非回传事件控件的AutoPostBack属性为True，则可以强制它们采用回传方式。表2.3列出了具有回传与非回传事件的控件。3.2 HTML控件3.2.1 HTML语言概述3.2.2 常用的HTML控件3.2.

5、1 HTML语言概述HTML是超文本标记语言（Hyper Text Markup Language）的缩写。 HTML文件的开头和结尾由和来标记的。所有HTML文件都可以分为两个部分：标题和正文。每一部分用特定的标记标出：在HTML语言中规定和标记标题部分，用和标记正文部分。 形式良好的XHTMLXHTML是一个Internet标准化协会(W3C)标准，当前版本是1.1 。它将HTML定义成为形式化的XML文档。以下是形式良好的HTML的一些规则（演示）：关闭所有标签无错叠的标签大小写敏感引号唯一的根节点保留字符 为 为 &为 & “为 为 ' 下面就给出了HTML文件的基本格式：

6、标题部分 正文部分 3.2.2 常用的HTML控件表单框架的使用Table控件进行网页布局整体布局布局登录页面布局DataList模板Input(Reset)控件实现重置功能Select控件实现联动效果表单表单是用户和Web应用程序、Web数据库等进行交互的界面。表单由两个部分组成：HTML代码和执行程序。其中HTML代码主要用来生成表单的可视化界面，执行程序主要用来负责对表单所包含的信息进行解释或处理。 在HTML中，表单一般有如下的结构： 框架的使用在HTML中，为解决网页的框架结构，引入了框架标记。使用框架标记，就可以在一个屏幕上多开几个窗口，在每个不同多窗口显示不同的HTML文件。框架

7、结构分两种：外框架（FrameSet）内框架（IFrame）3.3 母版页（演示）母版页是ASP.NET特有的功能，使用母版页可以为Web应用程序中的页创建一致的布局。单个母版页可以为Web应用程序中的所有页（或一组页）定义所需的外观和标准行为，然后可以创建包含要显示内容的各个内容页。当用户请求内容时，这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。3.4 导航系统网站导航条对于每个网站都是必不可少的，它相当于城市公路的路标，可以指引浏览者找到自己想要的内容。HyperLink实现简单的网站导航在开发大型的网站时，开发者可能因为站点内容的不断增加以及在站点内来回切换网页，使

8、得管理所有的链接变得比较困难。网站导航实现（演示）ASP.NET站点导航使开发者能够将指向所有页面的链接（站点地图数据）存储在一个XML文件中（Web.sitemap）。为了在网页中呈现这些链接，可以用一个特定的Web服务器控件（如TreeView控件、 SiteMapPath控件、Menu控件）在每页上呈现导航菜单。SiteMapPath+ TreeView实现网站导航SiteMapPath+ Menu实现网站导航使用Menu创建菜单使用ASP.NET Menu控件可以开发ASP.NET网页的静态和动态显示菜单，可以用来以菜单形式显示站点的结构。ASP.NET Menu控件支持静态显示和动态

9、显示两种显示方式，静态显示意味着ASP.NET Menu控件始终是完全展开的，同时控件的整个结构都是可视的，用户可以单击任何部位。动态显示意味着只有菜单中指定的部分是静态的，且只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。其中，ASP.NET Menu控件的MaximumDynamicDisplayLevels属性指定在静态显示层后应显示的动态显示菜单节点层数。使用TreeView ASP.NET TreeView Web服务器控件用于以树形结构显示分层数据，如目录或文件目录等。该控件可以显示下面几个功能：可以显示为可选择文本或超链接的节点文本。能够自动数据绑定，还可以绑定到分层数据。

10、能够在节点显示复选框。可以动态创建TreeView控件。可以使用主题、用户定义的图像和样式自定义外观。3.5 样式表及主题主题有两种形式：定制主题和样式表主题。定制主题需要通过设置Theme属性实现，样式表主题需要通过设置StyleSheetTheme属性实现。要将一个主题与一个网页相关联，只要设置Page指令中的Theme属性或StyleSheetTheme属性。还可以为整个应用程序中的页面指定和禁用主题。实现这种主题设置可通过在Web.Config文件的配置节配置如下内容。定制主题（演示）创建主题文件夹（App_Theme）添加外观文件（.skin）在.skin文件中添加相关代码在其他页面

11、文件中应用.skin文件中的控件外观设置。样式表主题（演示）创建主题文件夹（App_Theme）添加外观文件（.skin）在.skin文件中添加相关代码在其他页面文件中应用.skin文件中的控件外观设置。实战演练站点规划用户控件的使用母版页的使用导航系统样式表及其应用课后作业项目小组根据选题，查找相关资料及实际系统，对实际系统进行系统需求分析；系统总体设计（框架设计、logo、配色方案等）；项目实施方案（人员分工、计划实施进度等）；系统框架及典型页面设计 把握当下 掌控未来在线教务辅导网： :/shangfuwang 更多课程配套课件资源请访问在线教务辅导网7/7/2022317/7/2022327/7/2022337/7/2022347/7/2022357/7/202236馋死7/7/2022