2.5 Visual Studio.NET简介


  本文标签:Visual Studio ASP .NET ASP .NET程序设计教程

  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文件包含的控件及其属性 

表2-2   display.aspx文件包含的控件及其属性

  
设计好的Webform1.aspx和postback.aspx的界面分别如图2-23和图2-24所示  。

  

图2-23   Webform1.aspx界面 

图2-23   Webform1.aspx界面

  

图2-24   display.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   快捷菜单 

图2-25   快捷菜单

  
当然也可以按前面所介绍的方法,直接在浏览器中查看运行结果  。
至此,在VS .NET中设计和运行一个ASP .NET应用程序的工作就全部完成了  。
开发应用项目往往要借助于开发工具来提高生产效率,而从学习ASP .NET的角度出发,应采用直接在文本编辑器中编写程序的方法,把主要精力集中于程序设计本身,本书的示例将采用此种方式给出  。


【责任编辑:老杨 Tel:(010)68576606-8005】


回书目   上一节   下一节