文字显示结果
组合搜索  计算机图书分类目录
 
所在位置: 图书 -> 在线试读 -> ASP.NET 3.5网站开发全程推演与视频精讲 
                 

第1章 搭建ASP.NET应用开发环境

1.5 演练:开始使用Visual Studio

Visual Studio 2008集成开发环境中,可以创建、归档、运行、调试、发布ASP.NET应用程序。熟悉Visual Studio 2008集成开发环境,是利用该环境实施ASP.NET应用程序开发的前提。

1.5.1  Visual Studio 2008 特性

所有的.NET应用都是基于文件的形式进行创建的。例如,C#源码存储在.cs文件中。Visual Studio 2008为创建ASP.NET应用提供了相应的环境和工具。这些环境和工具提供了创建Web应用的许多特性,主要体现在以下几个方面。

l         集成化的错误检查机制:Visual Studio能够编译检查许多错误,包括数据类型转换错误、没有引用命名空间和类、没有定义的变量等。

l         Web表单设计工具:在Visual Studio中创建一个Web页面,可以简单拖放ASP.NET控件到页面的相应位置上,然后配置其属性,Visual Studio可以自动创建相应的Web页面标签。

l         集成的Web服务器:为了部署ASP.NET Web应用,需要提供Web服务器软件,如IISVisual Studio提供了同Web服务器集成的相关机制,能够快速调试和执行ASP.NET应用。

l         开发效率增强:Visual Studio为开发人员实现编码提供了诸多特性,比如自动的语句结束、为特定代码添加颜色等。

l         良好的调试工具:Visual Studio的集成调试工具支持查看代码的执行行为,通过添加断点暂停程序的执行,检查变量的值。

下面的小节内容我们可以体会这些特性。

1.5.2  创建站点

Visual Studio 2008提供了创建Web站点的相应环境和工具。进入Windows之后,选择【开始】→【程序】→【Microsoft Visual Studio 2008】→【Microsoft Visual Studio 2008】命令,启动Visual Studio 2008。当启动了Visual Studio 2008之后,可以看到如图1-20所示的起始页面。

1-20  起始页面

下面利用Visual Studio 2008创建一个新的Web应用,来熟悉Visual Studio 2008集成开发环境,其步骤如下。

<DIV>

01

</DIV>
选择【文件】→【新建】→【项目】命令,打开“新建项目”对话框,在“项目类型”列表中选择“Visual C#”→“Web”选项,在“模板”列表中选择“ASP.NET Web应用程序”,如图1-21所示。

<DIV>

02

</DIV>
定义“.NET Framework”的版本,保持默认值。

<DIV>

03

</DIV>
定义项目的名称,假定命名为“WebAppSample”,“解决方案名称”为“01”。

1-21  创建Web应用

<DIV>

04

</DIV>
单击【确定】按钮,Visual Studio 2008将为我们创建一个ASP.NET Web应用程序,如图1-22所示。

1-22  所创建的Web应用

上述步骤已经创建了一个新的Web站点,下面就来设计第一个Web页面。但是,在开始设计页面之前,首先需要了解Visual Studio集成开发环境的一些知识。

1.站点和Web项目

在通常情况下,Visual Studio使用项目文件来存储所创建的应用的相关信息。对于Web应用,有点不一样,因为Visual Studio没有必要为它们创建项目文件,如果按照前面的步骤,所创建的新站点是没有项目文件的。这一点同其他类型的Windows程序创建有些不同。

2.解决方案资源管理器

解决方案资源管理器显示解决方案中的所有文件。当Visual Studio 2008在没有打开任何解决方案时,它是空的。当打开了解决方案之后,资源管理器将以树形结构的形式显示该解决方案的相关文件,如图1-23所示。

1-23  解决方案资源管理器

解决方案资源管理器提供了解决方案和项目相关文件的层次化结构,利用它可以非常方便地管理项目涉及到的文件。而且,如果在解决方案资源管理器中,用鼠标右键单击文件夹/项目,可以弹出许多菜单命令,利用这些菜单命令可以非常方便地执行一些常用操作。

1.5.3  设计页面

ASP.NET Web应用程序由多个页面组成,这些页面共同提供应用所需呈现的功能。当需要向项目中添加Web表单时,可以在解决方案资源管理器中用鼠标右键单击某项目,或者用鼠标右键单击某个文件夹,在弹出的快捷菜单中选择【添加】→【新建项】命令,打开“添加新项”对话框,在模板中选择“Web窗体”选项,并命名Web窗体,如图1-24所示。

当单击【添加】按钮之后,Visual Studio 2008将为项目在解决方案资源管理器中添加一个新的Web表单,如图1-25所示。

        1-24  添加新页面                                    1-25  添加新页面

双击所创建的Web表单“TestPage.aspx”,将打开表单的设计环境,它包括3个视图:设计视图(如图1-26所示)、源代码视图(如图1-27所示)和拆分视图(如图1-28所示)。

设计视图以图形化的形式显示所创建的页面,如图1-26所示。

源代码视图以HTML代码的形式显示所创建的页面,如图1-27所示。

1-26  设计视图                                  1-27  源代码视图

拆分视图以源代码和图形化两种方式显示所创建的页面,如图1-28所示。

如果需要向页面添加一个Web控件,可以从工具箱(如图1-29所示)中利用鼠标拖放一个控件到页面的设计视图中。工具箱按照分类显示可用于设计该页面的控件。

     1-28  拆分视图                                  1-29  工具箱

例如,从工具箱中拖放一个Button控件到Web页面中,如图1-30所示。

1-30  添加Button控件

此时,Visual Studio 2008将自动在源代码中添加一个Button控件的指示,其代码如下所示:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestPage.aspx.cs"

       Inherits="WebAppSample.TestPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

            <asp:Button ID="Button1" runat="server" Text="Button" />

    </div>

    </form>

</body>

</html>

同时,每个控件或页面都有一个属性标签页,通常位于集成开发环境的右下方,用于定义该控件或者页面的属性,如图1-31所示。

1-31  属性标签页

在属性标签页中,可以为特定元素定义其属性。例如,选中“Button”控件,在属性标签页中定义其“Text”属性为“确定”,此时,在设计视图中将按钮的显示文本修改为“确定”,如图1-32所示。

1-32  定义控件属性

设计页面是ASP.NET Web应用开发一项非常重要的工作。Visual Studio 2008提供了设计视图、源码视图和工具箱。利用设计视图可以以图形化的形式显示UI,源码视图显示了页面的.aspx代码,而工具箱则提供了创建页面的许多控件。这些控件可以帮助开发人员快速构建应用程序。

1.5.4  编写代码

在资源管理器中,该Web窗体包含了一个TestPage.aspx.cs文件,它是该页面的后台代码文件,双击打开该文件,将打开后台代码编辑器,如图1-33所示,该编辑器可以用于编写处理页面事件或者业务逻辑的C#代码。

1-33  后台代码

编写代码通常采用C#或者VB.NET,具体依赖于开发人员的喜好。当然,还可以利用其他语言来扩展程序的功能。本书所有内容都基于C#语言来编写后台程序。如果想了解C#的详细内容,读者可以参考《C# 2008开发入行真功夫》一书,它同本书有着很强的关系。

1.5.5  编译执行

一旦创建了一个应用,可以选择【调试】→【启动调试】命令,开始调试执行所创建的应用。当第一次执行Web应用时,Visual Studio 将询问是否需要配置Web应用来启用调试,如图1-34所示。

1-34  “未启用调试”对话框

选中“修改web.config文件以启用调试”单选按钮,单击【确定】按钮,此时,Visual Studio将开始执行调试,可以在浏览器中看到所创建的页面,如图1-35所示。

1-35  所创建的页面

编译过程将对ASP.NET项目中的内容进行检查,并在输出窗口中显示编译过程中的消息。利用这些消息,可以快速定位和检查程序中的错误、警告等。

 

创建ASP.NET Web应用的主要步骤包括:创建站点、设计页面、编写代码、执行调试、部署应用。

 
 
  上一页 返回 下一页  
 
Copyright © 2010 TianMei Technology All rights reserved. To comment on this site
  辽B-2-4-20100065