6.3　Visual Studio 2010开发工具

6.3.1　Visual Studio 2010简介

Visual Studio 2010简称VS 2010，它是微软搭建第三代互联网平台精心推出的Mi-crosoft.NET重要组件，是用于创建下一代应用程序的理想的开发工具。作为快速创建和集成XML Web服务和应用程序的统一综合的开发工具，Visual Studio 2010在改善程序员操作环境的同时极大地提高了开发者的效率。

Visual Studio 2010是目前唯一一开始就是为XML Web服务创建的开发环境。Visual Studio 2010提供简单、灵活、基于标准的模型，（允许开发人员从新的和现有的代码开发应用程序）而与平台、编程语言或对象模型无关。借助Visual Studio 2010和.NET框架，允许更快地开发先进的软件应用程序和XML Web服务，同时为应用程序和XML Web服务提供更高的可靠性。此外，XML Web服务的使用将允许在NET平台上创建的应用程序和服务更容易、更有效地集成在一起。

Visual Studio 2010的主要特性如下所示。

（1）基于.NET的应用，提供了XML Web服务、Windows表单、Web表单、移动Web表单、控制台应用、Windows控件库、Web控件库以及Windows服务等。

（2）提供了4种强大、高效的开发语言。

（3）提供了功能强大的统一的集成开发环境。

（4）提供了强大的数据库应用。

（5）提供了一组企业生命周期工具。

6.3.2　Visual Studio 2010开发环境

Visual Studio 2010集成开发环境是一个非常丰富的编程环境，用户可以选择自己熟悉和喜欢的编程语言，如Visual C#、Visual C++、Visual Basic.NET等。在Visual Studio 2010安装好后，在Windows任务栏上单击“开始”按钮，执行“程序”中的“Microsoft Visual Studio 2010”文件夹的“Microsoft Visual Studio 2010”选项。启动后，将出现一个包含许多菜单、工具和组件窗口的开发环境。可以在“起始页”窗口的左边使用“新建项目”和“打开项目”；可以在菜单栏单击“文件”｜“新建”｜“项目”，进入“新建项目”的功能面板（如图6.3.1所示），这个面板给予了各类编程人员施展才能的空间。我们可以通过这个面板来选择是进行Visual Basic开发还是Visual C++开发，选择Windows窗体应用程序还是ASP.NET Web应用程序，以及选择.NET框架、定义名称、确定保存位置等。

6.3.3　Windows窗体与Web窗体

Visual Studio 2010集成了Windows窗体与Web窗体。

Web窗体是一种基于ASP.NET，用于开发Internet用户界面的程序设计模型。它取代了Visual Basic 6.0中的WebClasses和DHTML Page Designer。和Windows窗体相似，Web窗体可以包括文本、图形图像、按钮、列表框，以及其他用于提供信息、处理用户输入或者显示输出的对象。但是用于创建Web窗体页面的主要控件，并不相同于Win-dows窗体选项卡上提供的控件。

创建ASP.NET Web应用程序，必须使用工具箱中HTML选项卡或Web窗体选项卡上的控件。每一个HTML控件或Web窗体控件都有其特有的方法、属性和事件。HTML控件是一套早期的用户界面工具，它们严格遵从早期HTML标准，并被绝大多数Web浏览器支持。它包括按钮、文本字段和复选框等主要的控件，用于管理完全通过HTML代码在网页上表示的信息。Web窗体控件是Visual Studio 2010中的新特性。Web窗体控件比HTML控件的功能更为强大，并且与Windows窗体控件有很多相同之处。许多Web窗体控件不但命名与Windows窗体控件相同，还具有很多相同的属性、方法和事件。这为程序员使用这些控件创建ASP.NET Web应用程序带来了方便。

Web窗体除了和Windows窗体控件有许多共同之处外，它们之间也有着重要区别。首先，Web窗体提供的程序设计范例与Windows窗体略有不同。Windows窗体把Win-dows窗口用做程序的主要用户界面，Web窗体则通过程序代码为用户提供一个或多个网页的信息。这些网页可以通过Web浏览器查看，可以用Web窗体设计器创建。Web窗体控件是服务器控件，也就是说，它们可以在Web服务器上运行及设计。

Windows窗体控件、Web窗体控件和HTML控件如图6.3.2所示。

6.3.4　ASP.NET开发实例

以下将以ASP.NET为例创建一个用VB.NET语言编写的简单的Web应用程序。

（1）新建一个ASP.NET Web应用程序。

创建ASP.NET Web应用程序可以在“Microsoft Visual Studio 2010”开发环境“新建项目”功能对话框通过创建网站面板来完成。启动Visual Studio 2010（如图6.3.1所示），设置开发语言、.NET框架、名称、保存位置后，选择“ASP.NET Web应用程序”模板，即可完成创建。

在Web开发环境中，需要为项目制定具体的Web服务器。默认值是http：//local-host。在项目构建时，可以为项目选择本地或者远程Web服务器，Visual Studio 2010将用指定的Web服务器放置并组织这些项目文件。该Web服务器的辨认不是通过驱动器命名或者目录命名，而是通过合法的Internet地址（URL）来确认。“位置”文本框中输入本机器Web服务器URL和Web应用程序的命名，单击“确定”按钮，Visual Studio 2010将载入Web窗体设计器，并创建一个将包含用户界面的Web窗体页面文件（如WebForm1.aspx）和一个将包含Web应用程序代码的后台代码文件（WebForm1.aspx.vb）。

新建ASP.NET Web应用程序，也可以在“Microsoft Visual Studio 2010”开发环境菜单栏直接选择“新建网站”功能对话框来创建网站。以下介绍实例步骤。

①创建一个ASP.NET网站。

在“Microsoft Visual Studio 2010”开发环境菜单栏选择“文件”｜“新建”｜“网站”，进入“新建网站”功能对话框，如图6.3.3所示。选定VB.NET开发语言、.NET框架、网站名称和保存位置（可单击“浏览”按钮设置，确认）。完成ASP.NET网站的创建。

②新建一个ASP.NET Web应用程序。

在新建网站的“解决方案资源管理器”中选中当前项目，右击，然后选择“添加新项”，输入网页面名称后即可在网站中加入新建的ASP.NET网页，如图6.3.4所示。可以在该Web窗体设计器进行网页设计。

Web窗体设计器在开发环境的中心显示Web窗体。设计器底部的三个标签“设计”“拆分”和“源”，可以用来更改Web窗体页面的视图。单击“设计”标签可以设置对象在Web浏览器中的显示效果，视图有Table表格布局和CSS+DIV布局两个模式。处于表格布局模式时，可以在Web窗体添加HTML格式表格，直接添加文本或服务器控件。文本可以像在Word中那样，按照从上到下的格式显示，对其进行编辑，方便快捷。使用CSS+DIV布局模式，可以通过CSS样式控制，使Web窗体页精确地定位、确定大小以及重叠，需要熟悉CSS样式编程的显示效果。单击“源”标签则用于查看并编辑HTML代码。

（2）使用Web窗体设计器设计页面。

①在窗体上直接输入文本。

先选定Web窗体页面，在Web窗体中键入文本，并设置字体。单击HTML标签，可以查看HTML代码。

②在窗体上添加控件。

单击“设计”标签。向页面程序中添加一些控件。这些控件位于工具箱的Web窗体选项卡上，将“Web窗体”选项卡上的TextBox控件、Label控件和Button控件用拖拽的方式添加到Web窗体中，如图6.3.5所示。

③设置控件属性。

完成用户界面设置后，为Web窗体页面上的8个控件设置一些属性，参照表6.3.1。Web窗体有些属性表示和Windows窗体属性有差异，同样都是名称功能属性，在Win-dows窗体中是Name属性，在Web窗体中称为ID属性。

表6.3.1　设置控件的属性

（3）为Web窗体控件编写事件过程。

在Web窗体页面上双击对象并在相应的代码编辑器中输入相关的程序代码，可以为Web窗体页面上的控件编写事件过程。用户在客户端Web浏览器中的Web窗体页面上可以看到这些控件，但是运行这些控件的代码实际位于Web服务器上，由Web服务器执行。例如，当用户单击按钮时，浏览器通常将按钮单击事件发送到服务器端，服务器处理该事件并将执行结果以一个新网页形式返回浏览器。也就是服务器执行了事件处理程序（事件过程）响应了客户端用户的单击按钮的请求。

以下我们为Web窗体页面上的btnCalculate和btnReset命令控件分别创建一个事件过程。双击Web窗体页面上的“换算”按钮。后端代码文件（WebForm1.aspx.vb）在代码编辑器中打开，显示btnCalculate＿Click事件过程。输入下列程序代码：

再双击Web窗体页面上的“重置”按钮。在btnReset＿Click事件过程中输入下列代码：

执行菜单命令“文件/全部保存”，然后单击标准工具栏上的“启动”三角形按钮，或者在WebForm1.aspx上击右键，再选择“在浏览器中查看”，则会立即弹出浏览器窗口。在“请输入人民币金额”的文本框中输入数值10000，然后在“当前汇率”文本框中输入人民币对美元的汇率值0.122，单击“换算”按钮，在“美元金额”文本框中就会显示1220，单击“重置”则会清空三个文本框，以便重新输入。运行结果如图6.3.6所示。

最后说明一点，从这个小例子中可以看出，Web应用程序的构建与运行基本上和Windows应用程序一样，不同的是最终应用程序是在浏览器上运行的。Web程序开发者还可以设置断点并对应用程序进行调试，这一点与Windows应用程序也是一样的。