Visual Studio.NET(简记为VS .NET)是微软公司推出的最新集成开发环境,集源程序编辑、编译、链接及项目管理和程序发布等于一体,其功能十分强大 。它提供多种语言支持,包括VB .NET、C#、C++、C++.NET等 。VS .NET的主界面如图2-12所示 。
在VS .NET中设计ASP .NET应用程序的主要步骤是:
◆创建ASP .NET应用程序对应的项目;
◆利用VS .NET的可视化控件设计应用程序界面(可有多个页面,分别设计);
◆编写应用程序控件的事件代码(一个界面中可包含多个控件,编写需要的事件代码) 。

|
图2-12 VS .NET主界面 |
以下通过例2.2说明在VS .NET中设计ASP .NET应用程序的方法 。
【例2.2】在VS .NET中设计如图2-13所示的数据输入界面,当用户按下“提交”按钮后,在新的页面中显示用户所输入的信息(如图2-14所示) 。

|
图2-13 信息输入界面 |

|
图2-14 显示用户输入信息 |
设计该程序的步骤如下:
1) 新建项目 。在VS .NET主菜单中选择“文件”靶陆ā碑“项目”,将出现如图2-15所示的“新建项目”对话框,在“位置(L)”所指示的文本框中输入项目的位置信息,本例输入“http://localhost/Ex2-2”,单击“确定”按钮,VS .NET将创建名为Ex2-2的项目,如图2-16所示,其中将自动创建名为Webform1.aspx的文件,它是该项目的主页面文件(可在解决方案管理器中改变默认的文件名Webform1.aspx) 。主页面是运行该程序时所显示的第一个页面 。
本例包含两个页面:主页面和信息显示页面,其中主页面文件名为Webform1.aspx;信息显示页面是用户在主页面的“姓名”、“年龄”中输入内容,并选择“性别”、点击“提交”按钮后由服务器返回给浏览器的页面,其文件名设置为display.aspx 。

|
图2-15 “新建项目”对话框 |

|
图2-16 VS .NET新建的项目 |
若项目中的页面有多个,那么除了主页面文件是项目创建时自动生成外,其他的页面文件都需要设计者加入 。向项目中加入页面文件的方法是:在“解决方案管理器窗口”中该项目名上点击鼠标右键,在所出现如图2-17所示的快捷菜单上选择“添加”-“添加新项”,将出现如图2-18所示的“添加新项”对话框,在其中输入新页面文件名即可(如图2-18所示) 。

|
图2-17 向项目中添加新项 |

|
图2-18 输入页面文件名 |
接下来的工作是向应用程序界面中加入控件并编辑其属性 。
2) 利用VS .NET工具箱中的相关控件设计应用程序界面 。
向应用程序界面中加入服务器控件的方法是:将鼠标移至工具箱图标打开工具箱(如图2-19所示),选择控件类别(主要有HTML控件、Web控件和数据控件3类),再在控件工具箱中选择所需的控件,将其拖动到界面中即可 。例如,向Webform1.aspx中加入一个TextBox(文本框)控件的过程是:打开Web服务器控件工具箱,选中TextBox控件,拖动它至Webform1.aspx对应页面的适当位置,松开鼠标按键即可 。

|
图2-19 工具箱 |
设置控件属性的方法是:在页面文件中选中需编辑的控件(此时该控件四周将出现一个有选中标志的框,如图2-20(b) 所示),然后再在属性编辑器窗口中设置相应属性值 。例如,要将所选中的TextBox控件的(ID)属性值设置为“TxtName”,方法是在“属性”窗口中找到“(ID)”属性名,在其右边的文本框中输入“TxtName”串即可(如图2-21所示) 。

|
图2-20 控件的两种状态 |

|
图2-21 编辑控件属性 |
有些控件属性还有子菜单,例如多数HTML控件都有样式(style)属性,其设置需要通过设置各子菜单才能完成 。本例Webform1.aspx中的“Title”(Label控件,用于显示标题),设置其style属性的方法是,单击“style”属性右边文本框上的按钮,将出现图2-22所示的“样式生成器”对话框,在其中可设置字体、背景、位置和文本等属性 。
以上介绍了向页面文件中加入控件和设置控件属性的方法 。按此方法,便可设计出程序的界面 。表2-1和表2-2分别列出了本例文件Webform1.aspx和display.aspx中所使用的控件及属性设置 。

|
图2-22 HTML控件的样式生成器 |

|
表2-1 Webform1.aspx文件包含的控件及其属性 |
|
表2-2 display.aspx文件包含的控件及其属性 |
设计好的Webform1.aspx和postback.aspx的界面分别如图2-23和图2-24所示 。
|
图2-23 Webform1.aspx界面 |
|
图2-24 display.aspx界面 |
3) 编写程序代码 。ASP .NET程序代码主要进行事件处理及数据库访问,本例程序不涉及数据库访问,只进行事件处理 。
双击WebForm1.aspx界面中的BtnSubmit按钮控件,将进入代码编辑窗口,在其中输入以下程序代码:
Private Sub BtnSubmit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnSubmit.Click
Dim sex As String
If RBSex1.Checked Then 若"男"被选中
sex = RBSex1.Text
Else
If RBSex2.Checked Then 若"女"被选中
sex = RBSex2.Text
End If
End If
Response.Redirect("display.aspx?Name=" & TxtName.Text & "&Age=" & _
TxtAge.Text & "&sex=" & sex) 将流程导向display.aspx
End Sub
其中,程序中的过程头:
Private Sub BtnSubmit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnSubmit.Click
和过程结束标志:
End Sub
是由VS .NET自动生成的 。
编写display.aspx文件中的Page_Load事件处理程序,如下:
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System. EventArgs) Handles MyBase.Load
LblName.Text = Request("Name")
LblAge.Text = Request("Age")
LblSex.Text = Request("Sex")
End Sub
4) 在浏览器中查看运行结果 。VS .NET提供了内置浏览窗口,在所要查看页面对应的应用程序界面的空白处单击鼠标右键,将出现如图2-25所示的快捷菜单,选择“在浏览器中查看”即可查看页面 。
|
图2-25 快捷菜单 |
当然也可以按前面所介绍的方法,直接在浏览器中查看运行结果 。
至此,在VS .NET中设计和运行一个ASP .NET应用程序的工作就全部完成了 。
开发应用项目往往要借助于开发工具来提高生产效率,而从学习ASP .NET的角度出发,应采用直接在文本编辑器中编写程序的方法,把主要精力集中于程序设计本身,本书的示例将采用此种方式给出 。
【责任编辑:老杨 Tel:(010)68576606-8005】