在 .NET 6 中使用 Blazor WebAssembly 制作电子商务网站
了解如何使用 Blazor WebAssembly、Web API、Entity Framework Core 和 SQL Server Express 构建电子商务网站。
讲师:Patrick God
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 以电子商务网站为例,构建全栈 Blazor WebAssembly 应用程序
- 从一开始就使用 .NET、Blazor WebAssembly、Web API、Entity Framework Core 和 SQL Server 创建一个行走的骨架
- 使用泛型、数据传输对象 (DTO) 和存储库模式实施最佳实践
- 构建电子商务应用程序的多个功能,例如搜索、分页、特色产品、购物车(本地和数据库)、订单等等
- 使用 JSON Web 令牌 (JWT) 实现身份验证
- 为管理员和客户使用基于角色的授权
- 将代码优先迁移与 Entity Framework Core 和 SQL Server 一起使用
- 使用提供信用卡、Apple Pay 和 Google Pay 的 Stripe Checkout 实施付款
- 为 Blazor WebAssembly 应用程序创建自定义布局
- 使用所有 CRUD 操作实现管理功能以创建、读取、更新和删除你的产品
课程内容
10 个章节 • 198 个讲座 • 总时长 17 小时 39 分钟展开所有章节
介绍3 个讲座 • 6 分钟
全栈基础——构建一个行走的骨架25 个讲座 • 1 小时 52 分钟
添加和使用最佳实践6 个讲座 • 28 分钟
一切都与产品有关 – Blazor WebAssembly 实战50 个讲座 • 4 小时 31 分钟
让我们添加用户 – 使用 JSON Web 令牌进行身份验证35 个讲座 • 2 小时 30 分钟
让我们购买一些产品 – 购物车和订单26 个讲座 • 2 小时 25 分钟
嘉庆!- 使用条纹结帐付款9 个讲座 • 1 小时
你从哪来?- 添加收货地址5 个讲座 • 35 分钟
我们需要更多的东西!- 管理仪表板28 个讲座 • 3 小时 11 分钟
奖励:上传图片和 MudBlazor 介绍11 个讲座 • 1 小时 1 分钟
要求
- 有C#、HTML和CSS经验者优先
- Blazor WebAssembly 的经验不是必须的,但会有所帮助
- 本课程中使用的所有框架和工具都是免费提供的,我们将一路安装所有东西
说明
欢迎来到 Blazor WebAssembly 电子商务课程!
在这个在线课程中,我们将使用.NET 6和Blazor WebAssembly构建一个电子商务 Web 应用程序。
我们将介绍完整的堆栈,即用于客户端的 Blazor、用于后端 Web 服务的 Web API 以及用于数据库的带有 SQL Server Express 的 Entity Framework Core。
课程从一个行走的骨架开始。这意味着,在本课程开始时,你将在短短几个小时内学习如何使用所有提到的框架和技术构建一个可运行的全栈 Web 应用程序。
因此,在本节之后,例如,你将不会使用任何模拟数据。你已经调用了 Web 服务,从 SQL Server 获取数据并将结果返回给 Blazor WebAssembly 客户端。
最重要的是,我们将介绍该步行骨架的最佳实践。例如,我们不想使用胖控制器。相反,我们将使用存储库模式和依赖注入。
之后,我们构建了电子商务应用程序的很大一部分。这部分是关于你的用户可以在你的商店中购买的产品的全部内容,包括类别、产品变体、搜索栏、分页、基本购物车等等。
通过所有这些实现,你将了解 Blazor WebAssembly 的许多功能,以及Web API以及实体之间的关系以及如何使用Entity Framework Core和SQL Server来管理它们。
之后,我们深入研究使用 JSON Web 令牌进行身份验证。
你将学习如何注册用户、登录并创建 JSON Web 令牌 ( JWT ) 来验证你的用户,在默认 HTTP 请求标头中设置令牌,利用著名的[Authorize]属性来保护你的 Web API,并添加一个例如,用户个人资料的页面,以便他们可以更改密码。
下一部分是关于购物车和订单的。到目前为止,你已经实现了一个购物车,但它只能离线工作。因此,现在是时候将购物车的产品存储在数据库中,并实现最终订单和订单历史概览。
但是仍然会缺少一件事,那就是结帐和支付订单的选项。我们将在下一节中介绍这一点,并使用Stripe来做到这一点。这意味着,你的用户可以使用信用卡、Google Pay和Apple Pay进行支付。此外,我们将继续介绍一个较小的部分,我们将在其中实施添加送货地址的选项。
在那之后,是时候使用大型管理仪表板了。到目前为止,你学到的所有内容都集中在本节中。
我们利用了 Blazor WebAssembly 的许多功能,为我们的实体构建了几个 CRUD 操作——这意味着管理员应该能够创建、读取、更新和删除所有产品、类别和产品变体——并知道是否允许用户做这一切,我们引入了基于角色的授权。
如你所见,有很多东西要学!
以下是你将在本课程中学到的内容的概述:
介绍
– 安装.NET 6框架和Visual Studio 2022
– 从GitHub获取源代码
全栈基础——构建一个行走的骨架
– 创建Blazor WebAssembly ASP.NET Core 托管项目
–调试你的项目
– 了解.NET 6 和 Visual Studio 2022的新热重载功能
– 创建Razor 组件并利用CSS 隔离
– 实现Web API 控制器并使用SwaggerUI对其进行测试
– 安装和使用SQL Server Express和Entity Framework Core 6
-以编程方式利用 EF Core 6 和种子数据的代码优先迁移
– 创建一个Git存储库并将你的代码推送到 GitHub
添加和使用最佳实践
– 使用泛型实现服务响应
– 使用存储库模式和依赖注入
– 为客户和服务创建服务
一切都与产品有关 – Blazor WebAssembly 实战
– 向你的 Web 应用程序添加更多模型和实体,例如类别、变体等
– 使用EF Core 6 的多项功能,如复合主键、更多迁移和关系
– 利用Blazor WebAssembly 的几个内置组件
– 实现搜索功能和分页
– 实现自定义布局
-使用本地存储将购物车添加到你的应用程序
让我们添加用户 – 使用 JSON Web 令牌进行身份验证
– 实现用户注册和登录
– 使用数据注释和验证
– 介绍用户模型
-使用JSON Web 令牌 (JWT)添加令牌身份验证
– 实现自定义AuthenticationStateProvider
-为登录添加返回 URL
– 利用[Authorize]属性
让我们购买一些产品 – 购物车和订单
-将用户的购物车存储在数据库中
– 使用HttpContextAccessor访问服务中的用户
– 将订单存储在数据库中
– 查看订单历史
– 利用用户的认证状态
嘉庆!- 使用条纹结帐付款
– 引入条纹
– 使用Stripe Checkout进行付款
– 使用WebHooks 完成订单
-在 Stripe Checkout 中启用送货地址
你从哪来?- 添加收货地址
– 添加带有新迁移的地址模型
-为购物车和用户个人资料页面创建一个共享组件
我们需要更多的东西!- 管理仪表板
-在客户端和服务器上引入基于角色的授权
– 扩展你的模型
– 创建多个管理页面
– 为你的实体实施CRUD 操作(创建、读取、更新、删除)
如果你在YouTube或我在 Udemy 上的其他课程中还不认识我,我的名字是 Patrick God,我将成为你这门课程的讲师。我是一名十多年的网络开发人员,我曾为大公司和小团队工作过,作为员工和承包商,我很想看看微软在 .NET 和 Blazor 方面的发展方式以及这些技术的重要性日复一日。
到目前为止,我已经在 Udemy 上创建了 10 门关于 .NET (Core)、Blazor WebAssembly、单页应用程序、Angular 和 DevOps 的课程——共有超过 60.000 名学生和无数的 5 星评论。
如果你仍然不确定本课程是否适合你,我们提供30 天退款保证。因此,如果它不适合你,请随时检查并取回你的钱。无话可问。
除此之外,你可以随时在社区(包括我)乐于回答的问答部分提出问题,如果碰巧有问题,你还可以获得完整的源代码。
你准备好了吗?
我期待在课程中见到你!
此课程面向哪些人:
- 想要提高技能并学习构建全栈 Blazor WebAssembly 项目的 C# 和 .NET 开发人员
- Blazor WebAssembly 初学者已经对 Blazor 有一点经验并希望加深他们的知识的开发人员
- 希望获得可能带来更多 .NET 和 Blazor 工作机会的技能的有抱负的 .NET 开发人员