第三章Web窗体
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
将鼠标移到左铡“工具箱”，屏幕将出 现工具栏，包含常用的Web窗体制作的 小工具，我们称之为控件，有了这些控 件可以使编程十分方便、快捷，是Web Form 制作中要频繁使用的,在本教程第 5章将专门阐述控件的使用。
3.3 ASP .NET可视化Web窗体编制
将鼠标移到左铡“工具箱”，屏幕将出 现工具栏，包含常用的Web窗体制作的 小工具，我们称之为控件，有了这些控 件可以使编程十分方便、快捷，是Web Form 制作中要频繁使用的,在本教程第 5章将专门阐述控件的使用。
ASP.NET中的Web 窗体(Web Form)就是指一 个网页,编制一个Web窗体也就是编制一个网页。 但要指出的是网页并不等同于HTML文件，HTML 文件可以说是网页的一种，这种网页是不能实现 动态交互的，而ASP.NET中的Web 窗体的网页 是可以实现动态与交互的，其扩展名是aspx，当 一个浏览器第一次请求一个aspx文件时，Web 窗体页面被CLR（common language runtime） 编译器编译。如果再次有用户访问此页面的时候， 由于aspx页面已经被编译过，所以就可以直接执 行编译过的代码。
如果是已建立好的站点，如在1.3.2节所述的test站 点，进入系统后，只需要依次单击上端菜单的【文 件】->【打开网站】，然后选择相应的站点就可以 进入了。
系统默认的文件是Default.asp,进入后屏幕呈现编
3.3 Web窗体源程序编制界面
3.3 Web窗体可视化编制界面
3.3 ASP .NET可视化Web窗体编制
3.3 ASP .NET可视化Web窗体编制
本教程强调采用可视化的方式,充分利 用.NET 2005众多的控件、完善的功能 来进行编程，这样可以大大提高编程效 率，充分体现出ASP.NET的优越性。
点击“Microsoft Visual Studio.NET” 图标，屏幕出现如下画面：
3.3 ASP .NET可视化Web窗体编制
{
Response.Write("<center><table border=2 bordercolor=black>");
for (int a = 1; a <Convert.ToInt16(TextBox2.Text)+1; a++)
{
Response.Write("<tr>");
for (int b = 1; b <Convert.ToInt16(TextBox1.Text)+1; b++)
3.5 ASP.NET Web 窗体制作基础
.NET 2.0版ASP.NET编程在“格式”、“布 局”、与“工具”中有多种设置，可以方便 各类编程人员的需要。对初学者，有时将窗 口布局设置错了，想恢复初始状态可以选择 “窗口”->“重置窗口布局”屏幕会跳出还 原该环境的默认窗口布局的对话框，选取 “确定”后就可以方便地回到系统的原先布 局窗口样式。
3.4 ASP .NET的优越性
而在ASP．NET中，所有程序语言会被首 先编译成为MSIL，然后MSIL被编译成为 机器语言加以执行。所以一个ASP.NET程 序第一次执行可能会慢一些，因为需编译， 但是以后的执行速度就会显著加快。所以 说 ASP.NET为我们提供了一个全新而强 大的服务器控件结构。从某些方面来看， ASP.NET和ASP是相近的，但本质上是完 全不同的。ASP.NET几乎全是基于组件和 模块化，每一个页，对象，和HTML元素 都是一个运行的组件对象。
建立一个能显示当天日程安排与记事的 日历，首先建立一个新的Web 窗体， 从工具箱中拖放一“Calendar”(日历) 控件，二个“Label”控（标签）件，一 个“TextBox”（输入）与二个 “Button”（按钮）控件置于页面适当 位置，并将按钮的“Text”属性改为 “编辑”与“提交”；如下图所示：
以下通过几个实例的介绍来加深对Web窗体 制作过程的理解。
Web 窗体实例制作
以下通过几个实例的介绍来加深对Web 窗体制作过程的理解。 3 .5.1图片变化 建立一个新的Web 窗体，从工具箱中拖放
“ImageBtton”(图形按钮)控件到窗体中， 然后右点击该控件，选择属性，在选择属 性中的“ImageUrl …”，然后选定在相应 文件夹中的图形文件，如下图：
3.3 ASP .NET可视化Web窗体编制
对照书上57页至59页，制作 可以从工具箱中选取三个Label（标签）、
一个TextBox（输入框）、一个 DropDownList(下拉菜菜单)与一个 Button(按钮)分别置于适当的位置。 其中使用DownDownList控件时会出现 如图3-7所示的对话框，选取“编辑项” 后屏幕会呈现图3-8所示的画面
}
完成后回到DropDownList1属性设置对话框，选择其中 AutoPostBack选项，将其设置为True，它的作用是每当选择 了下拉菜单中的一个选项之后，即刻触发DropDownList1中 事件的发生，见书中图3-23所示。运行后字体的颜色会随着在 下拉菜单中不同的选择即时变化
3.5.3记事日历
3.5.3记事日历
3.5.3记事日历
完成后将“TextBox”与“提交”按钮的“Visible”属性 改为false。双击编辑页面空白处，输入以下语句：
3.4 ASP .NET的优越性
以上例子可以看到ASP与ASP.NET有很大的区 别，所以说ASP.NET并不是一般ASP的简单升 级，ASP程序是解释执行的，而ASP．NET程 序是编译执行的，ASP程序优点在于简单。但 是解释型的脚本语言在每次被执行时都需要重 新被解释然后加以执行，因此速度相对比较慢； 同时；由于VB Script并不是一种完善的编程 语言而只是VB的一个子集，因此无法完成一 些只有完善的编程语言才可以完成的工作。
使用ASP.NET编制Web窗体重要的方法是 掌握各种控件的使用，熟练各种控件的运 用与设置是掌握ASP.NET编程的关键所在。 编制Web窗体的基本步骤是首先将所需要 的控件拖放到Web窗体中来,并且完成对控 件的属性进行各种设置；然后进行后台编 程，也就是对相应的.cs文件进行程序语句 的插入，进行进行运行调试。
Response.Write("<td>"+a.ToString()+"行
"+b.ToString()+"列</td>");
Response.Write("</tr>");
}
Response.Write("</table>");
}
3.5.2网页中表格的生成
通过编译后可以得到输入表格的行与列 数字，此处没有加输入验证（验证控件 在第5章阐述），所以应该整数，然后按 确定就可以产生相应行与列数的表格。 此例说明，通过程序也可以产生HTML 标记语句。
设置字体颜色的变化
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
Label1.ForeColor = Color.FromName(DropDownList1.SelectedValue.ToStri ng());
3.5.1 图片变化
3.5.1 图片变化
然后双击“开关”按钮，进入cs文件的编程操 作界面，在相应的位置输入以下语句：
protected void Button1_Click(object sender, EventArgs e)
{
Image Button1.Visible = !Image
但ASP .NET并不是一般ASP的简单升级
3.2 一般ASP程序
一般ASP程序和网页的HTML混合在一起， 这就使得程序看上去相当的杂乱，修改与更 新都十分不方便；ASP页面是有脚本语言解 释执行的，受到脚本语言自身条件的限制， 在编写ASP程序的时候不得不调用COM组 件来完成一些功能；所以，微软推出了 ASP.NET
3.3 ASP .NET可视化Web窗体编制
按书上所示的实例制作完成后，按“F5” 进行编译，执行后程序要求用户输入自 己的姓名再选择性别，然后按确定，屏 幕将会根据不同的输入与选择呈现出不 同的问候语；呈现如书52页所示图3-1 一样的运行结果。至此完成了以可视化 方式来制作Web窗体页面的过程
建立一个新的Web 窗体，从工具箱 中拖放二个“Label”（标签）、二个 “TextBox”(输入框)与一个“Table” （表格）控件。并在其属的“Text” 进行如书中63页图3-18的设置，完 成后点击“确定”按钮，输入以后语 句：
3.5.2网页中表格的生成
protected void Button1_Click(object sender, EventArgs e)
{
if (ImageButton1.ImageUrl =="1.jpg")
ImageButton1.ImageUrl = "2.jpg";
else
ImageButton1.ImageUrl = "1.jpg";
} 完成后按 F5 编译，点击图形可以看到变化的图 形显示。
3.5.2网页中表格的生成
Button1.Visible;
来自百度文库
}
完成后按“F5”进行编译，点击“开关”按钮， 可以看到图形消失，再按一次又出现的效果。
3.5.1 图片变化
第一个按钮操作完成之后，可以进行余下的按钮编 程操作，方法相同，在双击上图中“图片”在相应 的位置输入以下语句：
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
3.4 ASP .NET的优越性
可视化编写网页的方法是使用ASP.NET 控件编写结构化页面，每个ASP．NET 服务器控件（包括ASP．NET页面）可 以表现一个包含属性、方法和事件的对 象模型。ASP．NET开发者可以使用这 种对象模型来简便地编辑页面或与页面 进行交互。
3.5 ASP.NET Web 窗体制作基础
3.3 ASP .NET可视化Web窗体编制
依次单击上端菜单的【文件】->【新建】-> 【网站】,屏幕出现如下画面：
3.3 ASP .NET可视化Web窗体编制
选择上图的ASP.NET网站，并在下端左侧位置的对 话框中选择“文件系统”，语言选择 Visaul C#;在 下端右侧对话框中输入：d:\2008；点击“确定” 按钮后，系统自动在IIS创建了一个相应的站点，这 一点与以前的版本不同，这样建立更方便快捷。此 时所建立的aspx等文件均保存在d:\2008的文件夹 中，
设置字体颜色的变化
建立一个新的Web窗体，从工具箱 的标准控件栏目中选取一个Label （标签）与DropDownList（下拉 菜单）控件并进行相应的属性设置。 如书中65页中图3-19所示：
设置字体颜色的变化
根据书中图3-20、3-21、3-22、3-23 所示的步骤完成设置，单击该选项后 进入相应的cs文件编辑界面，由于字 体颜色变化涉及到Drawing命名空间 内容，所以在文件开始部位加入using System.Drawing;语句，然后在 DropDownList1选择事件中插入以下 语句：
第3章 Web 窗体
教学提示：Web 窗体(Web Form)表示一 个Web页面，ASP.NET的Web 窗体页面 架构是一个可升级的公用语言运行程序模 型。本章节教程着重使学生了解与掌握利 用可视化编程方法来制作Web 窗体；了解 与掌握可视化Web 窗体页面的设计方法及 编制有关程序语句，。
3.1 Web 窗体概述
3.2 一般ASP程序
打开电脑的记事本程序，输入<% =now %>，然后以1.asp存入c： \Inetpub\wwwroot文件夹中，打开IE浏 览器，在地址栏中输入http： //localhost/1.asp，如果IIS安装正确的 话，屏幕会显示出即时的日期与时间显示。
只需要简单地将文件后缀名改为aspx即可， 可见ASP .NET是向下兼容的。
3.3 ASP .NET可视化Web窗体编制
将鼠标移到左铡“工具箱”，屏幕将出 现工具栏，包含常用的Web窗体制作的 小工具，我们称之为控件，有了这些控 件可以使编程十分方便、快捷，是Web Form 制作中要频繁使用的,在本教程第 5章将专门阐述控件的使用。
ASP.NET中的Web 窗体(Web Form)就是指一 个网页,编制一个Web窗体也就是编制一个网页。 但要指出的是网页并不等同于HTML文件，HTML 文件可以说是网页的一种，这种网页是不能实现 动态交互的，而ASP.NET中的Web 窗体的网页 是可以实现动态与交互的，其扩展名是aspx，当 一个浏览器第一次请求一个aspx文件时，Web 窗体页面被CLR（common language runtime） 编译器编译。如果再次有用户访问此页面的时候， 由于aspx页面已经被编译过，所以就可以直接执 行编译过的代码。
如果是已建立好的站点，如在1.3.2节所述的test站 点，进入系统后，只需要依次单击上端菜单的【文 件】->【打开网站】，然后选择相应的站点就可以 进入了。
系统默认的文件是Default.asp,进入后屏幕呈现编
3.3 Web窗体源程序编制界面
3.3 Web窗体可视化编制界面
3.3 ASP .NET可视化Web窗体编制
3.3 ASP .NET可视化Web窗体编制
本教程强调采用可视化的方式,充分利 用.NET 2005众多的控件、完善的功能 来进行编程，这样可以大大提高编程效 率，充分体现出ASP.NET的优越性。
点击“Microsoft Visual Studio.NET” 图标，屏幕出现如下画面：
3.3 ASP .NET可视化Web窗体编制
{
Response.Write("<center><table border=2 bordercolor=black>");
for (int a = 1; a <Convert.ToInt16(TextBox2.Text)+1; a++)
{
Response.Write("<tr>");
for (int b = 1; b <Convert.ToInt16(TextBox1.Text)+1; b++)
3.5 ASP.NET Web 窗体制作基础
.NET 2.0版ASP.NET编程在“格式”、“布 局”、与“工具”中有多种设置，可以方便 各类编程人员的需要。对初学者，有时将窗 口布局设置错了，想恢复初始状态可以选择 “窗口”->“重置窗口布局”屏幕会跳出还 原该环境的默认窗口布局的对话框，选取 “确定”后就可以方便地回到系统的原先布 局窗口样式。
3.4 ASP .NET的优越性
而在ASP．NET中，所有程序语言会被首 先编译成为MSIL，然后MSIL被编译成为 机器语言加以执行。所以一个ASP.NET程 序第一次执行可能会慢一些，因为需编译， 但是以后的执行速度就会显著加快。所以 说 ASP.NET为我们提供了一个全新而强 大的服务器控件结构。从某些方面来看， ASP.NET和ASP是相近的，但本质上是完 全不同的。ASP.NET几乎全是基于组件和 模块化，每一个页，对象，和HTML元素 都是一个运行的组件对象。
建立一个能显示当天日程安排与记事的 日历，首先建立一个新的Web 窗体， 从工具箱中拖放一“Calendar”(日历) 控件，二个“Label”控（标签）件，一 个“TextBox”（输入）与二个 “Button”（按钮）控件置于页面适当 位置，并将按钮的“Text”属性改为 “编辑”与“提交”；如下图所示：
以下通过几个实例的介绍来加深对Web窗体 制作过程的理解。
Web 窗体实例制作
以下通过几个实例的介绍来加深对Web 窗体制作过程的理解。 3 .5.1图片变化 建立一个新的Web 窗体，从工具箱中拖放
“ImageBtton”(图形按钮)控件到窗体中， 然后右点击该控件，选择属性，在选择属 性中的“ImageUrl …”，然后选定在相应 文件夹中的图形文件，如下图：
3.3 ASP .NET可视化Web窗体编制
对照书上57页至59页，制作 可以从工具箱中选取三个Label（标签）、
一个TextBox（输入框）、一个 DropDownList(下拉菜菜单)与一个 Button(按钮)分别置于适当的位置。 其中使用DownDownList控件时会出现 如图3-7所示的对话框，选取“编辑项” 后屏幕会呈现图3-8所示的画面
}
完成后回到DropDownList1属性设置对话框，选择其中 AutoPostBack选项，将其设置为True，它的作用是每当选择 了下拉菜单中的一个选项之后，即刻触发DropDownList1中 事件的发生，见书中图3-23所示。运行后字体的颜色会随着在 下拉菜单中不同的选择即时变化
3.5.3记事日历
3.5.3记事日历
3.5.3记事日历
完成后将“TextBox”与“提交”按钮的“Visible”属性 改为false。双击编辑页面空白处，输入以下语句：
3.4 ASP .NET的优越性
以上例子可以看到ASP与ASP.NET有很大的区 别，所以说ASP.NET并不是一般ASP的简单升 级，ASP程序是解释执行的，而ASP．NET程 序是编译执行的，ASP程序优点在于简单。但 是解释型的脚本语言在每次被执行时都需要重 新被解释然后加以执行，因此速度相对比较慢； 同时；由于VB Script并不是一种完善的编程 语言而只是VB的一个子集，因此无法完成一 些只有完善的编程语言才可以完成的工作。
使用ASP.NET编制Web窗体重要的方法是 掌握各种控件的使用，熟练各种控件的运 用与设置是掌握ASP.NET编程的关键所在。 编制Web窗体的基本步骤是首先将所需要 的控件拖放到Web窗体中来,并且完成对控 件的属性进行各种设置；然后进行后台编 程，也就是对相应的.cs文件进行程序语句 的插入，进行进行运行调试。
Response.Write("<td>"+a.ToString()+"行
"+b.ToString()+"列</td>");
Response.Write("</tr>");
}
Response.Write("</table>");
}
3.5.2网页中表格的生成
通过编译后可以得到输入表格的行与列 数字，此处没有加输入验证（验证控件 在第5章阐述），所以应该整数，然后按 确定就可以产生相应行与列数的表格。 此例说明，通过程序也可以产生HTML 标记语句。
设置字体颜色的变化
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
Label1.ForeColor = Color.FromName(DropDownList1.SelectedValue.ToStri ng());
3.5.1 图片变化
3.5.1 图片变化
然后双击“开关”按钮，进入cs文件的编程操 作界面，在相应的位置输入以下语句：
protected void Button1_Click(object sender, EventArgs e)
{
Image Button1.Visible = !Image
但ASP .NET并不是一般ASP的简单升级
3.2 一般ASP程序
一般ASP程序和网页的HTML混合在一起， 这就使得程序看上去相当的杂乱，修改与更 新都十分不方便；ASP页面是有脚本语言解 释执行的，受到脚本语言自身条件的限制， 在编写ASP程序的时候不得不调用COM组 件来完成一些功能；所以，微软推出了 ASP.NET
3.3 ASP .NET可视化Web窗体编制
按书上所示的实例制作完成后，按“F5” 进行编译，执行后程序要求用户输入自 己的姓名再选择性别，然后按确定，屏 幕将会根据不同的输入与选择呈现出不 同的问候语；呈现如书52页所示图3-1 一样的运行结果。至此完成了以可视化 方式来制作Web窗体页面的过程
建立一个新的Web 窗体，从工具箱 中拖放二个“Label”（标签）、二个 “TextBox”(输入框)与一个“Table” （表格）控件。并在其属的“Text” 进行如书中63页图3-18的设置，完 成后点击“确定”按钮，输入以后语 句：
3.5.2网页中表格的生成
protected void Button1_Click(object sender, EventArgs e)
{
if (ImageButton1.ImageUrl =="1.jpg")
ImageButton1.ImageUrl = "2.jpg";
else
ImageButton1.ImageUrl = "1.jpg";
} 完成后按 F5 编译，点击图形可以看到变化的图 形显示。
3.5.2网页中表格的生成
Button1.Visible;
来自百度文库
}
完成后按“F5”进行编译，点击“开关”按钮， 可以看到图形消失，再按一次又出现的效果。
3.5.1 图片变化
第一个按钮操作完成之后，可以进行余下的按钮编 程操作，方法相同，在双击上图中“图片”在相应 的位置输入以下语句：
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
3.4 ASP .NET的优越性
可视化编写网页的方法是使用ASP.NET 控件编写结构化页面，每个ASP．NET 服务器控件（包括ASP．NET页面）可 以表现一个包含属性、方法和事件的对 象模型。ASP．NET开发者可以使用这 种对象模型来简便地编辑页面或与页面 进行交互。
3.5 ASP.NET Web 窗体制作基础
3.3 ASP .NET可视化Web窗体编制
依次单击上端菜单的【文件】->【新建】-> 【网站】,屏幕出现如下画面：
3.3 ASP .NET可视化Web窗体编制
选择上图的ASP.NET网站，并在下端左侧位置的对 话框中选择“文件系统”，语言选择 Visaul C#;在 下端右侧对话框中输入：d:\2008；点击“确定” 按钮后，系统自动在IIS创建了一个相应的站点，这 一点与以前的版本不同，这样建立更方便快捷。此 时所建立的aspx等文件均保存在d:\2008的文件夹 中，
设置字体颜色的变化
建立一个新的Web窗体，从工具箱 的标准控件栏目中选取一个Label （标签）与DropDownList（下拉 菜单）控件并进行相应的属性设置。 如书中65页中图3-19所示：
设置字体颜色的变化
根据书中图3-20、3-21、3-22、3-23 所示的步骤完成设置，单击该选项后 进入相应的cs文件编辑界面，由于字 体颜色变化涉及到Drawing命名空间 内容，所以在文件开始部位加入using System.Drawing;语句，然后在 DropDownList1选择事件中插入以下 语句：
第3章 Web 窗体
教学提示：Web 窗体(Web Form)表示一 个Web页面，ASP.NET的Web 窗体页面 架构是一个可升级的公用语言运行程序模 型。本章节教程着重使学生了解与掌握利 用可视化编程方法来制作Web 窗体；了解 与掌握可视化Web 窗体页面的设计方法及 编制有关程序语句，。
3.1 Web 窗体概述
3.2 一般ASP程序
打开电脑的记事本程序，输入<% =now %>，然后以1.asp存入c： \Inetpub\wwwroot文件夹中，打开IE浏 览器，在地址栏中输入http： //localhost/1.asp，如果IIS安装正确的 话，屏幕会显示出即时的日期与时间显示。
只需要简单地将文件后缀名改为aspx即可， 可见ASP .NET是向下兼容的。