vs2013建立html页面,使用 Visual Studio 2013 创建基本 ASP.NET 4.5 Web 窗体页

使用 Visual Studio 2013 创建基本 ASP.NET 4.5 Web 窗体页

03/03/2014

本文内容

对于新的 web 应用程序开发，我们建议 Razor Pages。 有关详细信息，请参阅Razor Pages 入门。

本演练介绍了Microsoft Visual Studio 2013和Microsoft Visual Studio Express 2013 for Web中的 web 开发环境。 本演练将指导您创建一个简单的 ASP.NET Web 窗体页，并说明创建新页、添加控件和编写代码的基本方法。

本演练涉及以下任务：

创建文件系统 Web 窗体应用程序项目。

通过 Visual Studio 熟悉自己的体验。

创建 ASP.NET 页。

添加控件。

添加事件处理程序。

运行和测试 Visual Studio 中的页面。

系统必备

若要完成本演练，你将需要：

Note

在本系列教程中，Web 的 Microsoft Visual Studio 2013 和 Microsoft Visual Studio Express 2013 通常称为 Visual Studio。

如果你使用的是 Visual Studio，则本演练假定你在首次启动 Visual Studio 时选择了 " Web 开发" 设置集合。 有关详细信息，请参阅如何：选择 Web 开发环境设置。

创建 Web 应用程序项目和页面

在本演练的此部分中，你将创建一个 Web 应用程序项目并向其添加新页。 你还将在浏览器中添加 HTML 文本并运行该页面。

创建 Web 应用程序项目

打开 Microsoft Visual Studio。

在“文件”菜单上，选择“新建项目”。

此时将出现“新建项目”对话框。

选择左侧的 "模板" -> Visual C# -> Web模板 "组。

在中心列中选择 " ASP.NET Web 应用程序" 模板。

将项目命名为 " BasicWebApp "，然后单击 "确定" 按钮。

接下来，选择 " Web 窗体" 模板，然后单击 "确定" 按钮创建项目。

Visual Studio 会创建一个新项目，其中包含基于 Web 窗体模板的预生成功能。 它不但提供了一个主页 .aspx页面(一个关于 .aspx页面)，还提供了成员资格功能，可注册用户并保存其凭据，使用户能够登录到你的网站。 创建新页面时，默认情况下，Visual Studio 会在 "源" 视图中显示该页面，您可以在其中查看该页面的 HTML 元素。 下图显示了在创建名为BasicWebApp的新网页的情况下，你将在 "源" 视图中看到的内容。

Visual Studio Web 开发环境教程

在继续修改页面之前，请先熟悉 Visual Studio 开发环境，这一点非常有用。 下图显示了 Visual Studio 中可用的 windows 和工具以及 Web Visual Studio Express。

Note

此关系图显示默认窗口和窗口位置。 "视图" 菜单允许您显示其他窗口，