[理学]419 第3章 WEB服务器控件构建WEB窗体.ppt

第三章使用ASP.NET Web服务器控件构建Web窗体 本课目标 ASP.NET Web 窗体与Web服务器控件 将CSS应用于标准ASP.NET Web服务器控件 标准ASP.NET Web服务器控件用法 HTML窗体与ASP.NET Web窗体 HTML窗体：标记form ASP.NET Web 窗体： form runat=server Web服务器控件 工作机制 最终解释成HTML标记 必须包含在Web窗体内（form runat=server) Web服务器控件对象模型 每一个控件都是一个对象 对象具有属性、方法和事件 对Web服务器控件编程很多情况下就是设置属性、调用方法、执行事件的过程 Web 服务器控件类型 HTML服务器控件 标准 ASP.NET Web 服务器控件 数据 Web 服务器 (ASP.NET) 控件 数据源 Web 服务器控件 验证 ASP.NET 控件 ASP.NET 导航控件 ASP.NET 登录控件 html控件、html服务器控件和web服务器控件 1、html控件: 就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过javascript和vbscript等程序语言来控制。 input type=button id=btn value=button/ 2、html服务器控件: input id=Button type=button value=button runat=server / 它们的注意区别是运行方式不同，html控件运行在客户端，而html服务器控件是运行在服务器端的。 3、web服务器控件:也称服务器控件 asp:Button ID=Button2 runat=server Text=Button/ html控件、html服务器控件和web服务器控件 事件处理模型不同，Html标注和Html服务器控件的事件处理都是在客户端的页面上，而A服务器控件则是在服务器上。 举例来说： input id=“Button4” type=“button” value=“button” runat=“server”/ 是Html服务器控件，此时我们点击此按钮，页面不会回传到服务器端，原因是我们没有为其定义鼠标点击事件。 input id=“Button4” type=“button” value=“button” runat=“server” onserverclick=“test” / 我们为Html服务器控件添加了一个onserverclick事件，点击此按钮页面会发回服务器端，并执行test(object sender, EventArgs e)方法。 ?asp:Button ID=Button2 runat=server Text=Button / 是A服务器控件，并且我们没有为其定义click，但是我们点击时，页面也会发回到服务器端。??? 由此可见：Html标注和Html服务器控件的事件是由页面来触发的，而A服务器控件则是由页面把Form发回到服务器端，由服务器来处理。 CSS应用--Style属性 使用style属性设置样式 在style属性中定义样式 实例 Style属性设置 CSS应用-- CssClass属性 使用Cssclass属性设置样式步骤 创建css样式表 设置CssClass属性 CSS应用-- Style类 声明Style类的步骤 声明Style对象 设置Style对象的属性 将Style对象应用到Web服务器控件 上机作业1 新建一网页，任意添加控件，属性自定，通过上述三种方式给控件设置显示样式。 常用Web服务器控件 Label和TextBox 按钮控件 Button LinkButton ImageButton HyperLink 选择类控件 ListBox DropDownList CheckBox RadioButton 图像显示类 Image ImageMap 文本显示和文本编辑 asp:Label Text属性为标签显示的文本 ToolTip属性 asp:TextBox Text属性 TextMode属性 MaxLength属性 ReadOnly属性 按钮控件 Button 执行任务 LinkButton 与 Button 控件相同，但具有超级链接的外观 ImageButton 与 Button 控件相同，但包含图像而不是文本 HyperLink 创建一个 Web 导航链接 HyperLink属性 上机作