第三章Web窗体.pptVIP

第3章 Web 窗体 教学提示：Web 窗体(Web Form)表示一个Web页面，ASP.NET的Web 窗体页面架构是一个可升级的公用语言运行程序模型。 【本章教学目的】 了解与掌握利用可视化编程方法来制作Web 窗体； 掌握可视化Web 窗体页面的设计方法及编制有关程序语句。 3.1 Web 窗体概述 ASP.NET中的Web 窗体(Web Form)就是指一个网页,编制一个Web窗体也就是编制一个网页。 不同于HTML文件。 后缀名为aspx ，编译后可直接调用执行。 3.2 ASP与ASP.NET区别 1、代码存储方式不同 2、支持的语言不同 3、执行机制不同 一般ASP程序和网页的HTML混合在一起，这就使得程序看上去相当的杂乱，修改与更新都十分不方便； ASP页面是有脚本语言解释执行的，受到脚本语言自身条件的限制，在编写ASP程序的时候不得不调用COM组件来完成一些功能；所以，微软推出了ASP.NET 3.3 ASP .NET可视化Web窗体编制  采用可视化的方式,充分利用.NET 2005众多的控件、完善的功能来进行编程。 好处：这样可以大大提高编程效率，充分体现出ASP.NET的优越性。 点击“Microsoft Visual Studio.NET”图标，屏幕出现如下画面： 3.3 ASP .NET可视化Web窗体编制 3.3 ASP .NET可视化Web窗体编制 3.3 ASP .NET可视化Web窗体编制 选择上图的ASP.NET网站 对话框中选择“文件系统”， 语言：选择 Visaul C#; 位置输入：d:\2008； 3.3 Web窗体源程序编制界面 3.3 Web窗体可视化编制界面 3.3 ASP .NET可视化Web窗体编制 工具箱 解决方案 工具栏 模式 运行 Web窗体的生命周期 初始化?页面加载-事件处理?资源清理 Eg.简单的问候显示。*明白什么是事件* 3.5 ASP.NET Web 窗体制作基础 使用ASP.NET编制Web窗体重要的方法是掌握各种控件的使用，熟练各种控件的运用与设置是掌握ASP.NET编程的关键所在。编制Web窗体的基本步骤： 首先将所需要的控件拖放到Web窗体中，对控件的属性进行各种设置； 然后进行后台编程，也就是对相应的.cs文件进行程序语句的插入； 进行进行运行调试。 重要指令 @page @control @Register @OutputCache Web 窗体实例制作 3.5.1 图片变化 3.5.1 图片变化 然后双击“开关”按钮，进入cs文件的编程操作界面，在相应的位置输入以下语句： protected void Button1_Click(object sender, EventArgs e) { Image Button1.Visible = !Image Button1.Visible; } 完成后按“F5”进行编译，点击“开关”按钮，可以看到图形消失，再按一次又出现的效果。 3.5.1 图片变化 第一个按钮操作完成之后，可以进行余下的按钮编程操作，方法相同，在双击上图中“图片”在相应的位置输入以下语句： protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { if (ImageButton1.ImageUrl ==1.jpg) ImageButton1.ImageUrl = 2.jpg; else ImageButton1.ImageUrl = 1.jpg; } 完成后按 F5 编译，点击图形可以看到变化的图形显示。 3.5.2网页中表格的生成 操作步骤：建立一个新的Web 窗体，从工具箱中拖放二个“Label”（标签）、二个“TextBox”(输入框)与一个“Table”（表格）控件。并在其属的“Text”进行如书中63页图3-18的设置，完成后点击“确定”按钮，输入以后语句： table tr td td td td td td /tr tr td td td td td td /tr table 3.5.2网页中表格的生成 protected void Button1_Click(object sender, EventArgs e) { Response.Write(centertable border=2 bordercolor=black); for (int a = 1; a Convert