1.3 使用Visual Studio 2010开发工具
ASP.NET 4.0一般是通过Visual Studio 2010软件进行程序开发的。Visual Studio 2010是一个实用、功能强的应用程序开发工具。通过该开发工具，可以开发Windows下的应用程序，也可以开发网络应用程序，甚至还可以开发手机应用程序。这里将介绍该开发工具的安装配置及一些简单的使用方法。
提示：Visual Studio，一般简称为“VS”，而Visual Studio 2010，则称为“VS 2010”，后面章节中将通过“VS”或“VS 2010”的缩写来表示该开发工具。
1.3.1 安装Visual Studio 2010开发工具
要通过Visual Studio 2010开发工具进行应用程序开发，首先必须安装该开发工具，在安装之前，必须购买该开发工具，或者从下面的官方网址下载其测试版本。
http://msdn.microsoft.com/zh-cn/subscriptions/downloads/default.aspx?pv=18:370
提示：这里提供下载的Visual Studio 2010开发工具，是Microsoft公司发布的免费90天的测试版。读者在这90天内务必认真学习Visual Studio 2010开发工具。过期之后，请购买该软件的正式版本。
下面介绍该测试版本的下载及安装方法，具体操作步骤如下所示。
① 打开上面的下载页面，分别下载Visual Studio 2010测试版的分组下载文件。
② 下载完毕之后，单击第一个分组下载文件（exe文件），这时生成一个iso文件，通过虚拟光驱软件，设置成为装载的映像文件。单击虚拟光驱的setup.exe文件，启动Visual Studio 2010的安装程序。
③ 单击“安装Visual Studio 2010”链接按钮，启动其安装向导。在加载安装向导的步骤中，单击“下一步”按钮。选择“我阅读并接受许可条款”单选按钮，单击“下一步”按钮。
注意：如果是正式版本的Visual Studio 2010，则应该输入产品密钥，才可以正常安装该开发工具。
④" alt 选择“自定义”单选按钮，设置软件的安装路径，单击“下一步”按钮，如图1-7所示。
图1-7 设置软件的安装路径
注意：由于这里主要用C#语言进行应用程序的开发，为了保证Visual Studio 2010开发工具更简洁地运行，应该通过自定义安装该工具。
⑤" alt 取消“Visual Basic”和“Visual C++”两个复选框的选择，选择“Visual C#”和“Visual Web Developer”两个复选框，单击“安装”按钮，如图1-8所示。
图1-8 自定义安装Visual Studio开发工具
⑥" alt 这时开始安装Visual Studio 2010开发工具，安装完毕之后，单击“完成”按钮。
1.3.2 熟悉Visual Studio 2010开发环境
Visual Studio 2010开发工具已经安装完毕，现在就可以开始ASP.NET 4.0的开发工作了。本书讲解的主要是基于Web下的网络应用程序。下面通过创建一个新网站来了解Visual Studio 2010的开发环境。
选择“文件”|“新建”|“网站”菜单项，在弹出的“新建网站”对话框中，选择“ASP.NET空网站”模板，设置网站存储文件路径，单击“确定”按钮，如图1-9所示。
图1-9 “新建网站”对话框
提示：“ASP.NET空网站”模板是最普通的站点模板，通过该模板可以构建常用的ASP.NET网站。如果要创建其他类型的网站，则可以选择其他网站模板。
创建新网站之后，没有任何文件，可以右键单击项目名称，在弹出的快捷菜单中，选择“添加新项”命令，在打开的模板中选择“Web窗体”，然后单击“添加”按钮，打开的界面如图1-10所示。
图1-10 新建网站的默认窗口
窗口的说明如下所示。
· 菜单及工具栏是Visual Studio 2010功能选择的主要路径和方法。
· 工具箱是放置支持Visual Studio 2010开发的各页面控件，拖拉工具箱的各控件到页面中，则页面将自动创建该控件。
· 错误列表窗口，主要用于及时显示设计页面或代码中出错的那些语法错误，可以方便程序员及时更正程序中的各种语法错误。
· 解决方案资源管理器，主要显示网站上的各个文件，通过该窗口可以快速浏览目录、创建网站支持的各种文件格式。
· 属性窗口，当选择页面中任何控件时，则属性窗口将自动显示该控件的相关属性，并且可以在这个窗口中设置控件的属性。
· 页面设计窗口，主要用于对每个页面进行相关设置，单击其下的“源”选项卡，可以切换到该页面的源代码视图。
注意：一般情况下，工具箱只显示页面支持的各相关控件，如果要添加其他控件，可以通过右键单击工具箱，选择“添加项目”快捷菜单，从中选择要添加的其他控件。
1.3.3 创建和使用Web页面
安装好Visual Studio 2010开发工具，简单熟悉开发环境之后，现在通过设计一个简单页面，来了解在Visual Studio 2010中如何设计页面，以及如何调试浏览Web页面。
【范例1-1】创建一个简单的Web页面，显示网站的欢迎信息，其创建设计步骤如下所示。
① 在默认页面中，插入文字“欢迎来到ASP.NET网络世界”。选择下面的标签栏，则可以选择页面中控件的标签。单击下面的“源”选项卡，则可以切换该页面的源代码视图。这里选择标签栏上的“<div>”标签，如图1-11所示。
图1-11 选择页面的标签
② 由于选择了“<div>”标签，则属性窗口会显示该标签的相关属性。选择“Style”属性，其右边显示一个“…”按钮，该按钮为属性扩展设计按钮，如图1-12所示。
图1-12 “<div>”标签属性
提示：在其他属性中，也经常有这种为属性扩展而设计的按钮，通过单击该按钮，可以对该属性进行更详细的设置。
③ 单击“属性扩展设计”按钮，弹出“修改样式”对话框，设置字体大小（font-size）为20pt，单击“确定”按钮。
④" alt 单击“源”选项卡，切换该页面的源代码视图，这时显示的代码如示例代码1-1所示。
示例代码1-1
01 <%@ Page Language="C#" AutoEventWireup="true" //页面指令标签
02 CodeFile="Default.aspx.cs" Inherits="_Default" %>
03 <html xmlns="http://www.w3.org/1999/xhtml"> //页面的HTML标签头
04 <head runat="server"> //head标签头
05 <title>无标题页</title> //页面标签
06 </head> //head标签尾
07 <body> //页面主体标签
08 <form id="form1" runat="server"> //form标签
09 <div style="font-size: 20pt"> //div标签
10 欢迎来到ASP.NET网络世界</div> //div标签内容
11 </form> //form标签尾
12 </body> //主体标签结束
13 </html> //HTML标签尾
⑤" alt 右键单击该默认页面，在弹出的快捷菜单中选择“在浏览器中查看”选项卡。
注意：该步骤一般通过系统默认浏览器进行浏览调试 Web 页面程序。在后面的章节中，该步骤将会被省略。一般情况下没有特别说明时，都通过“浏览该页面”文字来表示该步骤。如果要改变浏览方法，可以通过选择“浏览方式”菜单项进行改变。
【执行结果】浏览该页面，结果如图1-13所示。
图1-13 简单的Web页面演示
【代码解析】上面的代码除了第10行中的文字信息之外，一般ASP.NET的页面代码都是这样的。第01～03行代码是页面指令，第04～13行代码是普通的HTML页面代码。
1.3.4 为页面添加控件及事件
在1.3.3节中创建的Web页面十分简单，只显示一些文字资料，那是为了演示如何简单设置页面控件属性。本节将为页面添加一个按钮，并为按钮添加Click事件，
演示在Visual Studio中如何添加控件，并为控件添加控件事件。
【范例1-2】实现在页面中添加一个按钮，并为该按钮添加一个Click事件，具体实现步骤如下。
① 选择“网站”|“添加新项”选项，或者在“解决方案资源管理器”窗口中，右键单击其空白处，在弹出的快捷菜单中选择“添加新项”菜单项。在弹出的“添加新项”对话框中，单击“Web窗体”，设置文件名为“1-2.aspx”，单击“添加”按钮。
提示：本书中，范例要添加Web页面的文件名，一般情况下，为该范例的编码。如本范例为“1-2”，则该范例的页面文件为“1-2.aspx”。
② 单击“设计”选项卡，将页面切换到设计视图。拖动工具箱中“标准”选项卡上的按钮到页面中，这时页面添加一个Button控件。在“属性”窗口中，单击“事件”按钮，单击“Click”事件，如图1-14所示。
图1-14 添加“Click”事件
③ 这时，弹出该文件的代码页面，并添加一个Click事件。在代码中添加一个输出信息代码，如示例代码1-2所示。
示例代码1-2
01 protected void Button1_Click(object sender, EventArgs e)//按钮的Click事件
02 {
03 Response.Write("这是按钮事件!"); //输出页面信息
04 }
【执行结果】浏览该页面，结果如图1-15所示。
图1-15 添加按钮输出页面信息
【代码解析】上面的代码是一个按钮的Click事件。Response.Write是向页面输出信息的一个常用方法之一。其参数为一个要输出的字符串。
注意：Write是Response对象的一个常用方法。该对象响应用户请求，向页面输出文字信息。关于该对象的属性及方法，将在后面章节继续讲解。