具有 ASP.NET 4.5 Web Forms 和 Visual Studio 2017 的Začínáme

本教程系列介绍如何使用 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 Forms — 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 网站上的Začínáme部分中提供的其他Web Forms教程。

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

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

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

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

  • Entity Framework 6

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

    • 检索和操作数据作为强类型对象
    • 异步访问数据
    • 处理暂时性连接故障
    • 日志 SQL 语句

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

Wingtip Toys 示例应用程序

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

Wingtip Toys - 默认页面

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

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

Wingtip Toys - 产品

如果选择特定产品,将显示产品详细信息。

Wingtip Toys - 产品详细信息

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

Wingtip Toys - 登录

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

Wingtip 玩具 - 购物车

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 示例站点下载已完成的示例应用程序:

Začínáme 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 将打开该项目。 接下来,右键单击Průzkumník řešení中的 Default.aspx 文件,然后选择“在浏览器中查看”。

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

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

教程支持和注释

有关问题和评论,请使用Začínáme中包含的 Q 和 A 部分,ASP.NET 4.5 Web Forms和 Visual Studio 2013 - Wingtip Toys (C#) 示例页。

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

如果发生错误,则相应的错误消息可能会令人困惑,无法很好地解释如何修复错误。 有关帮助,可以查看 ASP.NET 论坛。 另一个好来源是Začínáme中的 Q 和 A 部分,ASP.NET 4.5 Web Forms 和 Visual Studio 2013 - Wingtip Toys (C#) 示例页。