08-开发Web应用程序.ppt

3.2 HTML服务器控件 该Button控件在aspx文件里直接对应着一个HTML元素，因此会不加处理地直接传给浏览器，其他的HTML控件也与此类似。 也可以在服务器端处理HTML服务器控件的事件，不过要先使它们能在服务器端运行。在上面的例子的Web窗体的设计对话框中右击Button控件，从中选择【作为服务器控件运行 在Button控件的左上方会出现一个小绿色箭头，它就表明该控件将作为服务器控件运行，这时在aspx文件里对应的行变成： input id=Button1 style=width: 110px type=button value=button runat=server //div 3.2 HTML服务器控件 使HTML控件作为服务器控件运行 3.2 HTML服务器控件 通过加入runat=“server”使它从简单的HTML元素变成了HTML服务器控件，这样就可以像Web服务器对它进行服务器端编程。在上面的设计对话框中双击Button控件将切换到代码编辑对话框，在Button1_ServerClick方法下填写如下代码： private void Button1_ServerClick(object sender, System.EventArgs e) { //改变按钮标签 Button1.Value = Click; } 运行这个程序，单击Button按钮，页面刷新过后Button按钮的标签就变成了Click。该Button按钮的回发也是由客户端脚本程序产生的，可以使用上面介绍查看浏览器内容的方法来具体看一下实现过程，这些客户端脚本程序是Web服务器处理ASP.NET程序时产生的。 现在就面临着如何在Web服务器控件和HTML服务器控件直接选择的问题，这里建议如果偏爱使用RAD编程模型的话最好使用Web服务器控件，如果想更好地控制浏览器的显示，与客户端脚本程序交互，那么就请用HTML服务器控件。 web服务器控件 HTML服务器控件和HTML控件的区别（1） Html控件 最常用, 出现最早 web服务器控件(ASP .NET Server Control) 与WinForm开发相似 HTML服务器控件(HTML Server Control) 向下兼容 基于ASP系统的移植而推出的介于以上两者之间的权宜产物 web服务器控件 HTML服务器控件和HTML控件的区别（2） Html控件的标签 input id=Button type=button value=Button / Html服务器控件的标签 input id=Button type=button value=Button runat=server / Html服务器控件其实就是Html控件的基础上加上runat=server所构成的控件 Web服务器控件的标签 asp:Button ID=Button runat=server Text=Button/ Web服务器控件会根据情况在浏览器端产生一个或多个对应的Html标签 web服务器控件 HTML服务器控件和HTML控件的区别（3） Html控件不能在服务器端控制，只能在浏览器端通过javascript等脚本语言操作 Html服务器控件设定了runat=server 属性后，页面对象会将该控件载入控制器，服务器端的代码就能对其进行控制 Html服务器控件在页面执行完毕后会被转换成Html标注，然后当成字符串流发送到浏览器端，浏览器端的脚本能够进行操作。 Web服务器控件的操作则是由页面把Form发回服务器，然后完全由服务器端代码处理 web服务器控件 HTML服务器控件和HTML控件的区别（4） Html控件不能在服务器端控制，只能在浏览器端通过javascript等脚本语言操作 Html服务器控件设定了runat=server 属性后，页面对象会将该控件载入控制器，服务器端的代码就能对其进行控制 Html服务器控件在页面执行完毕后会被转换成Html标注，然后当成字符串流发送到浏览器端，浏览器端的脚本能够进行操作。 Web服务器控件的操作则是由页面把Form发回服务器，然后完全由服务器端代码处理 Web服务器控件、Html服务器控件和Html控件的优缺点 Html控件和Html服务器控件需要编码以保持浏览器兼容。 Web服务器控件能够检测浏览器的兼容性，保持表现的一致 ?Html服务器控件通过为Html控件添加runat=server以实现ASP程序的移植。 将ASP程序移植成使用Web服务器控件的ASP.Net程序相当于重写新的应用 ?Html控件和Html服务器控件是标准控件，能够用浏览器端脚本语言操作。 使用Web服务