
1.2 创建Web项目
Visual Studio 2005是开发Web项目的主流开发工具,本节将学习一下如何使用Visual Studio 2005创建一个Web项目及其各个组成部分。
1.2.1 创建项目
创建项目是进行开发的第一步,项目(project)是多个文件或文件夹的集合,这些文件必须符合项目的属性才能加入到项目中。一个或多个项目可以组成一个解决方案(solution),用于描述解决方案的文件后缀是.sln,而描述项目的文件后缀是.csproj(特指C#项目),可以通过双击.sln文件类型快速打开一个解决方案。
在Visual Studio 2005中可以创建多种不同类型的项目,其中Web项目被独立放在“网站”的菜单下,其他项目在“项目”的菜单下创建,如图1-2所示。

图1-2 创建新项目
选择“项目”菜单,打开如图1-3所示的对话框,可以创建各种类型的项目,以后常用的主要是“Windows”节点下和“安装和部署”节点下的项目。本书第三部分开发讲解中会用到“Windows”节点下的“类库”类型的项目;“安装和部署”节点下的项目主要用于制作安装文件,用这些项目就可以快速、方便地建立自己所开发项目的安装包。

图1-3 “新建项目”对话框
选择“网站”菜单,可以看见如图1-4所示的界面。

图1-4 选择网站项目
“ASP.NET网站”类型的项目是这里需要创建的网站项目,将“位置”输入框中的文件夹位置修改成希望的项目目录位置,然后单击“确定”按钮,Visual Studio 2005就会自动创建一个网站项目。
提醒初学者留意“个人网站初学者工具包”这个项目,该项目可以自动生成一个完整的、非常适合初学者的网站项目,包含数据库和说明文档,建议感兴趣的读者能够花些时间来研究一下。
1.2.2 创建文件

图1-5 创建文件夹
创建完网站项目后,开始创建项目的文件。
在创建文件之前,可能首先需要创建文件夹。在项目的“解决方案资源管理器”浮动窗口中,在网站项目上方单击鼠标右键,出现如图1-5所示的右键菜单。选择“新建文件夹”,IDE自动生成一个名为“新文件夹1”的文件夹,改变文件夹的名称,就完成了文件夹的创建。

图1-6 添加新项
下面继续创建文件,在项目的“解决方案资源管理器”浮动窗口中,在网站项目或文件夹上单击鼠标右键,在出现的右键菜单中选择“添加新项”项,出现如图1-7所示的对话框。

图1-7 选择新项目文件类型
在选择区能看到,可以将很多类型的文件添加到项目中。其中比较常用的文件类型居前,各个类型文件的创建在下面的章节中会逐一讲解,本节就不涉及了。
选择一个文件类型,在下方的输入框输入名称并勾选相应的复选框就可以创建一个文件了。
1.2.3 ASPX页面常见操作
“Web窗体”类型文件即ASPX页面是网站项目中最常用的文件类型,是网站项目的主要组成部分,本节就详细介绍一下ASPX页面的常见操作。
如图1-8所示,一个ASPX页面包含ASPX页面和CS文件两个主要部分,这就是“Code Behind”模式(代码隐藏页模式),当然还有类似于ASP页面的单文件页模式(即HTML、控件以及后台执行代码在一个页面中),代码隐藏页模式是这里强烈建议和Visual Studio 2005默认的页面模式。

图1-8 代码隐藏页模式
代码隐藏页模式的两类页面分别起不同的作用。ASPX页面主要描述HTML、控件和JavaScript等,包含了控件的属性、事件和样式等内容;CS页面主要描述页面的代码部分,实现ASPX页面中声明的事件,也可以动态设置控件的属性和样式,甚至动态添加新的控件。
下面分别介绍一下这两种文件的常用操作。
ASPX页面主要有两种设计形态,分别是所见即所得的设计时态和浏览代码的源代码时态,如图1-9所示,在页面编辑的下方可以方便地切换。

图1-9 编辑器的编辑状态
在页面设计时,可以将控件拖曳到页面中。如图1-10所示,在工具箱中将所需要的控件拖曳到页面上就可以为页面增加控件。

图1-10 设计时态
也可以为控件配置属性,如图1-11所示,选择控件,单击鼠标右键,弹出菜单后选择“属性”,就可以编辑该控件的属性。

图1-11 编辑控件属性
ASP.NET的一个重要的亮点就是可以像WinForm一样,在界面中使用控件的事件开发,例如,用户单击了某按钮,如果按钮上有事件关联的话,就会自动回调给后台代码执行事件所对应的方法。下面介绍一下如何为控件设置事件,以及如何写事件的响应代码。
在控件的“属性”浮动窗体顶部单击“事件”按钮,就会出现该控件的所有可选用的事件,如图1-12所示。

图1-12 选择控件事件
双击事件名称旁的空白处就可以为该控件自动建立该事件,IDE也自动进入代码编辑状态,接着就可以为事件编写响应代码了,如图1-13所示。

图1-13 实现事件触发后的方法
下面再来了解一下ASPX页面的另外一个编辑时态——源代码。
在IDE的下方选择“源”按钮,进入页面的源代码编辑时态,就可以用改动HTML源代码的方式编辑ASPX页面,最终的结果和用所见即所得的设计时态是一样的,如图1-14所示。

图1-14 IDE的源代码编辑时态