首页>教程>ASP.NET教程>Web Forms+Visual Studio入门>Web Forms+Visual Studio入门三-创建项目

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

Web Forms+Visual Studio入门三-创建项目

本教程系列将介绍如何使用适用于 Web 的 ASP.NET Web Forms 4.5 ASP.NET 2013 Microsoft Visual Studio Express生成应用程序。 本教程Visual Studio 2013随附一个包含 C#源代码的子项目。

在本教程中,你将在 Visual Studio 创建、查看和运行默认项目,以便熟悉 ASP.NET。 此外,你将查看Visual Studio环境。

学习内容:

  • 如何创建新的 Web Forms 项目。
  • 项目的文件Web Forms结构。
  • 如何在 Visual Studio 中运行项目。
  • 默认 Web 窗体应用程序的不同功能。
  • 有关如何使用资源环境Visual Studio基础知识。

创建项目

1.打开 Visual Studio。

2.从 **”Project”**菜单中选择“新建Visual Studio”。

创建Project - 新建Project菜单项

3.选择 左侧的” – > 模板””Visual C# – > Web 模板”组。

4.选择 ASP.NET”Web 应用程序“模板。
本教程系列使用 .NET Framework 4.5.2。

5.将项目命名 WingtipToys, 然后选择” 确定” 按钮。创建Project - 新建Project对话框 

备注

本教程系列中的项目名称为 WingtipToys。 建议使用此确切的项目名称,以便整个教程系列中提供的代码按照预期运行。

6.单击“ 更改身份验证 ”按钮。 选择 “单个用户帐户”, 然后单击” 确定” 按钮。

7.选择Web Forms 模板,然后单击”确定  按钮。创建Project - 新建Project模板

创建项目需要一些时间。 准备就绪后,打开 Default.aspx 页。

创建Project - 新建Project模板

可以通过选择中心 窗口****底部的选项,在”设计”视图和”源视图”之间切换。 设计 视图 ASP.NET WYSIWYG 视图显示网页、母版页、内容页、HTML 页面和用户控件。  视图显示网页的 HTML 标记,你可以对其进行编辑。

 提示

了解 ASP.NET 框架

ASP.NET Web Forms使用熟悉的拖放式事件驱动模型生成动态网站。 利用设计图面以及许多控件和组件,你可以迅速生成带有数据访问的高级的、功能强大的 UI 驱动型网站。 Wingtip Toy Store 基于 ASP.NET Web Forms,但本教程系列中学习的许多概念都适用于所有 ASP.NET。

ASP.NET 提供四个主要开发框架:

  • ASP.NET Web 窗体
    Web Forms框架面向偏好声明性编程和基于控件的编程的开发人员,例如 Microsoft Windows Forms (WinForms) 和 WPF/XAML/Silverlight。 它提供了一个 WYSIWYG 设计器驱动开发模型,因此它非常受寻求快速应用程序开发 (RAD) 环境的开发人员的欢迎。 如果你不熟悉 Web 编程并熟悉传统的 Microsoft RAD 客户端开发工具 (例如 Visual Basic 和 Visual C#) ,则无需具备 HTML 和 JavaScript 经验即可快速生成 Web 应用程序。
  • ASP.NET MVC
    ASP.NETMVC 面向对模式和原则感兴趣的开发人员,如测试驱动开发、关注点分离、控制反转 (IoC) 以及依赖关系注入 (DI) 。 此框架鼓励将 Web 应用程序的业务逻辑层与呈现层分开。
  • ASP.NET 网页
    ASP.NET 网页面向需要简单 Web 开发故事的开发人员,如 PHP。 在网页模型中,创建 HTML 页面,然后将基于服务器的代码添加到页面,以便动态控制该标记的呈现方式。 网页是专为轻型框架设计的,对于了解 HTML 但可能没有广泛编程经验(例如学生或教师)的人而言,它是 ASP.NET 的最简单入口点。 对于了解 PHP 或类似框架的 Web 开发人员来说,这也是开始使用 PHP 或类似框架的一种 ASP.NET。
  • ASP.NET单页应用程序
    ASP.NET单页应用程序 (SPA) 可帮助你使用 HTML 5、CSS 3 和 JavaScript 生成包含大量客户端交互的应用程序。 ASP.NET 和 Web 工具 2012.2 更新中附带了一个新模板,用于使用 knockout.js 和 ASP.NET Web API。 除了新的 SPA 模板外,还可以下载新的社区创建的 SPA 模板。

除了四个主要的开发框架之外,ASP.NET 还提供了其他技术,这些技术必须了解和熟悉,但本教程系列中未介绍这些技术:

  • ASP.NET Web API – 一个框架,用于生成访问各种客户端(包括浏览器和移动设备)的 HTTP 服务。
  • ASP.NET SignalR – 使开发实时 Web 功能变得容易的库。

查看Project

在Visual Studio中 ,解决方案资源管理器 窗口可用于管理项目的文件。 让我们看一下已添加到 应用程序的文件夹 ,解决方案资源管理器。 Web 应用程序模板添加基本文件夹结构:

创建Project - 解决方案资源管理器

Visual Studio为项目创建一些初始文件夹和文件。 本教程稍后将处理的第一个文件如下:

File用途
Default.aspx通常在浏览器中运行应用程序时显示的第一页。
Site.Master一个页面,可用于创建一致的布局,并使用应用程序中的页面的标准行为。
Global.asax一个可选文件,其中包含用于响应应用程序级和会话级事件的代码,这些事件由 ASP.NET HTTP 模块引发。
Web.config应用程序的配置数据。

运行默认 Web 应用程序

默认 Web 应用程序基于内置功能和支持提供丰富的体验。 无需对默认 Web 窗体项目做出任何更改,应用程序即可在本地 Web 浏览器中运行。

  1. 按 F5 键,同时Visual Studio。
    应用程序将在 Web 浏览器中生成并显示。创建Project - 默认页
  2. 完成查看正在运行的应用程序后,关闭浏览器窗口。

此默认 Web 应用程序中有三个主页 :Default.aspx (Home) About.aspx 和 Contact.aspx。 可以从顶部导航栏访问其中每个页面。 “帐户”文件夹中还包含另外两个页面:Register.aspx 页和 Login.aspx 页。 这两个页面允许你使用 ASP.NET 的成员身份功能来创建、存储和验证用户凭据。

ASP.NET Web Forms背景

ASP.NET Web Forms是基于 Microsoft ASP.NET 技术的页面,其中在服务器上运行的代码动态生成到浏览器或客户端设备的网页输出。 “ASP.NET Web Forms”页会自动为样式、布局等功能呈现与浏览器兼容的正确 HTML。 Web Forms与 .NET 公共语言运行时支持的任何语言(如 Microsoft Visual Basic 和 Microsoft Visual C# 兼容。 此外,Web Forms基于Microsoft .NET Framework,它提供托管环境、类型安全性和继承等优势。

当 ASP.NET Web Forms页运行时,页面将经历一个生命周期,该生命周期将执行一系列处理步骤。 这些步骤包括初始化、实例化控件、还原和维护状态、运行事件处理程序代码和呈现。 随着你越来越熟悉 ASP.NET Web Forms 功能,了解ASP.NET 页面生命周期非常重要,以便可以在适当的生命周期阶段为想要的效果编写代码。

当 Web 服务器收到页面请求时,它会找到该页,处理它,将其发送到浏览器,然后丢弃所有页面信息。 如果用户再次请求同一页,服务器将重复整个序列,从头开始重新处理页面。 另一方面,服务器没有已处理页的无状态页内存。 ASP.NET 页框架自动处理维护页面及其控件状态的任务,并提供用于维护特定于应用程序的信息的状态的显式方法。

 提示

Web Forms 应用程序模板中的 Web 应用程序功能

ASP.NET Web Forms 应用程序模板提供了一组丰富的内置功能。 它不但提供了一个 主页 .aspx 页面(一个 关于 .aspx 页面),还 提供了成员 资格功能,可注册用户并保存其凭据,使用户能够登录到你的网站。 此概述提供了有关 ASP.NET Web Forms 应用程序模板中包含的某些功能以及如何在 Wingtip 玩具应用程序中使用这些功能的详细信息。

成员资格

ASP.NET标识将用户的凭据存储在由应用程序创建的数据库中。 当用户登录时,应用程序将通过读取数据库来验证凭据。 项目的 帐户 文件夹包含实现成员身份的各个部分的文件:注册、登录、更改密码和授权访问。 此外,ASP.NET Web Forms 支持 OAuth 和 OpenID。 这些身份验证增强功能允许用户使用现有凭据(从 Facebook、Twitter、Windows Live 和 Google 等帐户)登录到你的站点。

创建 Project 解决方案资源管理器 (ASP.NET Identity)

默认情况下,该模板使用默认数据库名称在 SQL Server Express LocalDB 的实例上创建成员资格数据库,该服务器附带了 Visual Studio Express 2013 for Web 的开发数据库服务器。

SQL Server Express LocalDB

SQL Server Express LocalDB是 SQL Server 的轻型版本,它具有 SQL Server 数据库的多个可编程性功能。 SQL Server Express LocalDB 在用户模式下运行,并且具有快速的零配置安装,其中包含安装必备组件的简短列表。 在 Microsoft SQL Server 中,任何数据库或 SQL 代码都可以从 SQL Server Express LocalDB 移动到 SQL Server 和 SQL Azure,无需任何升级步骤。 因此,可以将 SQL Server Express LocalDB 用作面向所有版本 SQL Server 的应用程序的开发环境。 SQL Server Express LocalDB 启用诸如存储过程、用户定义函数和聚合、.NET Framework 集成、空间类型以及其他在 SQL Server Compact 中不可用的功能。

母版页

ASP.NET 母版页可为应用程序中的所有页面定义一致的外观和行为。 母版页的布局将与单个内容页中的内容合并,以生成用户看到的最后一页。 在 Wingtip 玩具应用程序中,你可以修改 网站。母版页 母版页,使 Wingtip 玩具网站中的所有页面共享相同的独特徽标和导航栏。

HTML5

ASP.NET Web Forms 应用程序模板支持HTML5,这是最新版本的 HTML 标记语言。 HTML5 支持有助于创建网站的新元素和功能。

Modernizr

对于不支持 HTML5 的浏览器,可以使用 Modernizr。 Modernizr 是一个开源 JavaScript 库,可以检测浏览器是否支持 HTML5 功能,如果不支持,则启用它们。 在 ASP.NET Web Forms 应用程序模板中,Modernizr 作为 NuGet 包安装。

Bootstrap

Visual Studio 2013 项目模板使用由 Twitter 创建的启动、布局和主题框架。 启动使用 CSS3 来提供响应式设计,这意味着布局可以动态适应不同的浏览器窗口大小。 你还可以使用启动的主题功能轻松地对应用程序的外观进行更改。 默认情况下,Visual Studio 2013 中的 “ASP.NET Web 应用程序” 模板包括作为 NuGet 包的启动。

NuGet包

ASP.NET Web Forms 应用程序模板包含一组NuGet包。 这些包以开源库和工具的形式提供组件化功能。 有多种包可帮助您创建和测试您的应用程序。 Visual Studio 可以轻松地添加、删除和更新 NuGet 包。 开发人员也可以创建包并将其添加到 NuGet。

创建 Project NuGet "对话框

安装包时,NuGet 会将文件复制到解决方案中,并自动进行任何所需的更改,如添加引用和更改与 Web 应用程序关联的配置。 如果决定删除库,NuGet 会删除文件并撤消在项目中所做的任何更改,以便不会留下混乱。 Visual Studio 中的 “工具” 菜单中提供 NuGet。

jQuery

jQuery 是一个快速而简洁的 JavaScript 库,可简化 HTML 文档遍历、事件处理、动画处理和 Ajax 交互,实现快速 web 开发。 jQuery JavaScript 库作为 NuGet 包包含在 ASP.NET Web Forms 应用程序模板中。

非引人注目验证

内置的验证程序控件已配置为对客户端验证逻辑使用不引人注目的 JavaScript。 这可以显著减少在页面标记中以内联方式呈现的 JavaScript 数量,并减少总体页面大小。 根据 < > 应用程序根目录中的 Web.config 文件的 appSettings 元素中的设置,将非引人注目的验证全局添加到 ASP.NET Web Forms 应用程序模板。

实体框架 Code First

除了 “ASP.NET Web Forms 应用程序” 模板中的功能外,Wingtip 玩具应用程序还使用实体框架 Code First,这是一个 NuGet 库,可在处理数据时实现以代码为中心的开发。 简单地说,它基于你编写的代码为你创建应用程序的数据库部分。 使用实体框架,你可以将数据作为强类型对象检索和操作。 这使你可以专注于应用程序中的业务逻辑,而不是访问数据访问方式的详细信息。

有关 ASP.NET Web Forms 模板附带的已安装库和包的其他信息,请参阅安装的 NuGet 包的列表。 为此,请在 Visual Studio 创建新的 Web Forms 项目中,选择 “工具” > NuGet 程序包管理器 > “管理解决方案的 NuGet 包“,然后在 “管理 NuGet 包” 对话框中选择 “已安装的包“。

旅行 Visual Studio

Visual Studio 中的主窗口包括 解决方案资源管理器服务器资源管理器 (中的 数据库资源管理器、”属性” 窗口工具箱工具栏 和 文档窗口

创建 Project NuGet "对话框

总结

在本教程中,您已创建、查看并运行默认 Web Forms 应用程序。 已查看默认 Web 窗体应用程序的不同功能,并了解有关如何使用 Visual Studio 环境的一些基础知识。 在以下教程中,将创建数据访问层。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索