从头开始构建真实世界的 Blazor WASM 应用程序
使用 Dapper ORM、CRUD、QuickGrid 和表单验证通过 ASP.NET Core Web API 进行实用的 Web 应用程序开发
讲师:Muhtar Qong
双语IT资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
您将学到什么
- 这是一个真实的 CRUD Web 应用程序,具有基于 Blazor WebAssembly 的 UI、基于 ASP。NET Core Web API 的中间层和基于 SQL Server 数据库的后端。
- 在 UI 部分,您将学习如何使用 WASM 创建交互式 UI:显示数据、添加/编辑/删除项目、分页、服务注入、表单验证等。
- 在 API 部分,您将学习如何创建服务、DI 或服务注册、服务生命周期、CORS、创建控制器及其方法、API 端点。
- 您还可以学习 Blazor 项目结构(UI 和 API)、Dapper ORM、有用的内置 Blazor UI 组件、Blazor 中页面/组件特定的 CSS 等等。
探索相关主题
- 其他 IT 和软件
- 信息技术与软件
要求
- 基本 HTML 和 CSS。
- 中级 C# 技能,包括了解如何实现接口、使用依赖注入和创建对象。但不要太担心;我会详细且缓慢地解释相关主题。
- 具有中级 SQL Server 技能,能够创建表、插入数据和编写选择查询。
描述
使用 .NET 8.0 中的 Blazor 框架开始您的下一次开发之旅
本课程将指导您构建一个真实的 CRUD Blazor WebAssembly 应用程序,以 ASP.NET Core Web API 作为中间层,以 SQL Server 数据库作为后端。您将学习实现实用功能,包括 UI 开发、API 集成和后端设置。
课程内容
1. UI开发
-
创建一个用户友好的界面,使您能够:
-
添加新产品
-
编辑现有产品
-
删除产品
-
-
实现高级 UI 功能,包括:
-
QuickGrid 用于数据显示
-
分页和每页项目选择器
-
基于列的排序
-
自定义过滤选项
-
行突出显示(仅限操作列)和行条纹效果以提高可读性
-
确认弹出窗口(使用 JavaScript 与 IJSRuntime 集成)
-
清除表单功能
-
带有验证摘要的表单验证
-
将 API 服务注入 Blazor 组件
-
2. API 开发
-
使用以下配置 API:
-
appsettings.json 用于设置 API 基本 URL 和 ConnectionString
-
API 的 Program.cs 中的服务注入(例如 SqlConnection、存储库服务)
-
跨源请求的 CORS 策略设置
-
-
使用 Dapper ORM 创建存储库服务
-
在控制器中定义 API 端点以
-
获取所有产品
-
检索特定产品
-
编辑产品
-
删除产品
-
-
将 Blazor WebAssembly UI 与 API 端点连接
3.后端开发
-
数据库设置和管理,包括:
-
创建表
-
插入示例数据
-
在本课程结束时,您将深入了解如何使用 Blazor Framework 和最新的 .NET 8.0 构建真实世界的 CRUD 应用程序。这种实践经验将使您能够从头开始创建高效、交互式的 Web 应用程序。
本课程适合哪些人:
- 本课程适合任何有兴趣使用 Blazor WebAssembly、ASP.NET Core Web API 和 SQL Server(均采用最新的 .NET 8.0)开发交互式 Web 应用程序的人。
- 建议具备 C# 和 HTML 的基本知识,但不需要具有 ASP.NET Core 或 Blazor 的经验。
- 只需几个小时,您就会学会如何使用革命性的 Blazor 框架创建真实世界的 CRUD 应用程序。这是一个令人兴奋的机会!立即报名,获得新技能,踏上学习之旅!
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。