|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-a-real-world-blazor-wasm-application-from-scratch/
课程评论：没有评论
课程名称：从零开始构建真实世界的 Blazor WASM 应用程序 课程概述：开始使用 .NET 8.0 的 Blazor 框架踏上您的下一段开发之旅。本课程将指导您构建一个真实世界的 CRUD Blazor WebAssembly 应用程序，采用 ASP.NET Core Web API 作为中间层，SQL Server 数据库作为后端。您将学习如何实现实用功能，包括用户界面开发、API 集成和后端设置。 课程内容： 1. 用户界面开发 - 创建用户友好的界面，允许您： - 添加新产品 - 编辑现有产品 - 删除产品 - 实现高级 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 框架和最新的 .NET 8.0 构建真实世界的 CRUD 应用程序。这段动手实践的经验将使您能够从零开始创建高效、互动的网络应用程序。
Start Your Next Developer Journey with the Blazor Framework in.NET 8.0This course will guide you in building a real-world CRUD Blazor WebAssembly application with an ASP.NET Core Web API as the middle tier and an SQL Server database as the backend. You'll learn to implement practical features, covering UI development, API integration, and backend setup.Course Contents1. UI DevelopmentCreate a user-friendly interface that allows you to:Add new productsEdit existing productsDelete productsImplement advanced UI features, including:QuickGrid for data displayPagination and items-per-page selectorColumn-based sortingCustom filtering option(s)Row highlighting (actions column only) and row stripe effect for better readabilityConfirmation popups (using JavaScript integration with IJSRuntime)Clear form functionalityForm validation with a validation summaryInject API services into Blazor components2. API DevelopmentConfigure the API with:appsettings.json for setting the API base URL and ConnectionStringService injection in the API's Program.cs (e.g., SqlConnection, repository services)CORS policy setup for cross-origin requestsCreate repository services using Dapper ORMDefine API endpoints in the controller toGet all productsRetrieve a specific productEdit a productDelete a productConnect the Blazor WebAssembly UI with API endpoints3. Backend DevelopmentDatabase setup and management, including:Creating tablesInserting sample dataBy the end of this course, you'll have a deep understanding of how to build a real-world CRUD application using the Blazor Framework with the latest.NET 8.0. This hands-on experience will empower you to create efficient, interactive web applications from scratch.
