使用 ASP.NET 4.5 Web Forms 和 Visual Studio 2017 的入门

  • 项目

本教程系列介绍如何使用 ASP.NET 4.5 和 Microsoft Visual Studio 2017 生成 ASP.NET Web Forms应用程序。

简介

本教程系列将指导你使用 Visual Studio 2017 和 ASP.NET 4.5 创建 ASP.NET Web Forms应用程序。 你将创建一个名为 Wingtip Toys 的应用程序 - 一个简化的店面网站，用于在线销售商品。 在本系列中，突出显示了新的 ASP.NET 4.5 功能。

目标读者

刚接触 ASP.NET Web Forms的开发人员是本教程系列的目标受众。

你应该具备以下方面的一些知识：

  • 面向对象的编程 (OOP) 和语言
  • Web 开发 (HTML、CSS、JavaScript)
  • 关系数据库
  • N 层体系结构

若要查看这些领域，请考虑研究以下内容：

应用程序功能

本系列中介绍 ASP.NET Web 表单功能包括：

  • Web 应用程序项目 (而不是网站项目)
  • Web 窗体
  • 母版页，配置
  • Bootstrap
  • Entity Framework Code First，LocalDB
  • 请求验证
  • 强类型数据控件
  • 模型绑定
  • 数据注释
  • 值提供程序
  • SSL 和 OAuth
  • ASP.NET 标识、配置和授权
  • 不显眼的验证
  • 路由
  • ASP.NET 错误处理

应用程序方案和任务

教程系列任务包括：

  • 创建、查看和运行新项目
  • 创建数据库结构
  • 初始化数据库并设定数据库种子
  • 使用样式、图形和母版页自定义 UI
  • 添加页面和导航
  • 显示菜单详细信息和产品数据
  • 创建购物车
  • 添加 SSL 和 OAuth 支持
  • 添加付款方式
  • 将管理员角色和用户包括到应用程序
  • 限制对特定页面和文件夹的访问
  • 将文件上传到 Web 应用程序
  • 实现输入验证
  • 注册 Web 应用程序的路由
  • 实现错误处理和错误日志记录

概述

本教程系列适用于熟悉编程概念但不熟悉 ASP.NET Web Forms的人员。 如果你已经熟悉 ASP.NET Web Forms，本系列仍然可以帮助你了解新的 ASP.NET 4.5 功能。 对于不熟悉编程概念和 ASP.NET Web Forms的读者，请参阅 ASP.NET 网站上的入门部分提供的其他Web Forms教程。

本教程系列中提供的 ASP.NET 4.5 包含以下功能：

  • 用于创建项目的简单 UI，支持许多 ASP.NET 框架 (Web Forms、MVC 和 Web API) 。

  • Bootstrap、布局、主题和响应式设计框架。

  • ASP.NET Identity，一个新的 ASP.NET 成员身份系统，在所有 ASP.NET 框架中都相同，并且适用于除 IIS 以外的 Web 托管软件。

  • Entity Framework 6

    实体框架的更新使你能够：

    • 以强类型对象的形式检索和操作数据
    • 异步访问数据
    • 处理暂时性连接故障
    • 记录 SQL 语句

有关完整的 ASP.NET 4.5 功能列表，请参阅 ASP.NET 和 Web 工具Visual Studio 2013发行说明。

Wingtip Toys 示例应用程序

以下屏幕截图来自在本教程系列中创建的 ASP.NET Web Forms 应用程序。 在 Visual Studio 中运行应用程序时，将显示以下 Web 主页。

Wingtip Toys - 默认页面

可以注册为新用户，也可以以现有用户身份登录。 顶部导航包含指向数据库中的产品类别及其产品的链接。

如果选择“ 产品”，将显示所有可用产品。

翼尖玩具 - 产品

如果选择特定产品，则会显示产品详细信息。

Wingtip Toys - 产品详细信息

作为用户，可以使用Web Forms模板默认功能注册和登录。 本教程还介绍如何使用现有的 Gmail 帐户登录。 此外，还可以以管理员身份登录以在数据库中添加和删除产品。

Wingtip Toys - 登录

以用户身份登录后，可以将产品添加到购物车并使用 PayPal 结账。 示例应用程序设计为在 PayPal 的开发人员沙盒中工作。 没有实际的货币交易发生。

翼尖玩具 - 购物车

PayPal 会确认你的帐户、订单和付款信息。

Wingtip Toys - PayPal

从 PayPal 返回后，可以查看并完成订单。

Wingtip Toys - 订单审查

先决条件

在开始之前，请确保计算机上安装了以下软件：

将自动安装.NET Framework。

本教程系列使用 Microsoft Visual Studio Community 2017。 可以使用 该 或 Microsoft Visual Studio 2017 来完成本教程系列。

有关 Visual Studio，请注意以下事项：

  • Microsoft Visual Studio 2017 和 Microsoft Visual Studio Community 2017 在本教程系列中称为 Visual Studio。

  • Visual Studio 2017 安装在已安装的任何旧版本旁边。 在早期版本中创建的站点可以在 Visual Studio 2017 中打开，并继续在早期版本中打开。

  • 首次启动 Visual Studio 时，假定你选择了 Web 开发 设置。 有关详细信息，请参阅 如何：选择 Web 开发环境设置。

安装必备组件后，即可开始创建本教程系列中介绍的 Web 项目。

下载示例应用程序

可以随时从 MSDN 示例站点下载已完成的示例应用程序：

使用 ASP.NET 4.5 Web Forms 和 Visual Studio 2013 入门 - Wingtip Toys (C#)

此下载包含以下项：

  • WingtipToys 文件夹中的示例应用程序。
  • 用于在 WingtipToys 文件夹的 WingtipToys-Assets 文件夹中创建示例应用程序的资源。

下载是一个 .zip 文件。 若要查看本教程系列创建的已完成项目，请在 .zip 文件中找到并选择 C# 文件夹。 将 C# 文件夹保存到用于处理 Visual Studio 项目的文件夹。 默认情况下，Visual Studio 2017 项目文件夹为：

C：\Users\<username>\source\repos

将 C# 文件夹重命名为 WingtipToys。

注意

如果“项目”文件夹中已有名为 WingtipToys 的文件夹 ，请在将 C# 文件夹重命名为 WingtipToys 之前暂时重命名该现有文件夹。

若要运行已完成的项目，请打开 WingtipToys 文件夹，然后双击 WingtipToys.sln 文件。 Visual Studio 2017 将打开项目。 接下来，右键单击 解决方案资源管理器 中的 Default.aspx 文件，然后选择“在浏览器中查看”。

参加 ASP.NET Web Forms测验以查看内容

完成本教程系列后，请参加测验来测试你的知识并强化关键概念。 每个问题都提供说明和指向其他指导的链接。

教程支持和注释

有关问题和意见，请使用入门包含 ASP.NET 4.5 Web Forms 和 Visual Studio 2013 - Wingtip Toys (C#) 示例页中包含的 Q 和 A 部分。

欢迎对本教程系列发表评论。 更新本教程系列后，将尽一切努力考虑更正或改进建议。

如果发生错误，相应的错误消息可能会令人困惑，但没有关于如何修复此错误的良好说明。 有关帮助，可以检查 ASP.NET 论坛。 另一个很好的来源是入门中的 Q 和 A 部分，其中包含 ASP.NET 4.5 Web Forms 和 Visual Studio 2013 - Wingtip Toys (C#) 示例页。

下一页