آموزش هنگام ایجاد یک سیستم مدیریت موجودی، Blazor را بیاموزید

سرفصل ها و درس ها

معرفی Introduction

• ساختار پروژه Blazor Blazor Project Structure

• سرور Blazor چگونه کار می کند How Blazor Server Works

• سیستم مدیریت موجودی چیست؟ What is an Inventory Management System

• مقدمه ای بر معماری پاک Introduction to Clean Architecture

• نوع مرجع تهی در دات نت 6 Null Reference Type in .NET 6

• کد منبع Source Code

فهرست موجودی Inventory List

• مورد استفاده View Inventories را بنویسید Write the View Inventories Use Case

• مورد استفاده View Inventories را اجرا کنید Implement the View Inventories Use Case

• یک پلاگین با تزریق وابستگی ایجاد کنید Create a Plugin with Dependency Injection

• Use Case را در Razor Component تزریق کنید Inject the Use Case in Razor Component

• تزریق وابستگی در Blazor Dependency Injection in Blazor

• جزء صفحه - صفحه فهرست موجودی را ایجاد کنید Page Component - Create the Inventory List Page

• بهترین روش اجزای SPA SPA Components Best Practice

• Databinding و EventCallback در مؤلفه موجودی جستجو Databinding and EventCallback in Search Inventory Component

• پارامترهای مؤلفه در جزء فهرست موجودی Component Parameters in Inventory List Component

• جزء آیتم فهرست موجودی را استخراج کنید Extract the Inventory List Item Component

• چک های پوچ Null Checks

اضافه کردن موجودی Add Inventory

• مورد استفاده از موجودی را اضافه کنید Add Inventory Use Case

• روش‌های مخزن موجودی اضافه را پیاده‌سازی کنید Implement Add Inventory Repository Methods

• NavigationManager NavigationManager

• EditForm و Data Validation EditForm and Data Validation

ویرایش موجودی Edit Inventory

• مورد استفاده از موجودی را ویرایش کنید Edit Inventory Use Case

• روش های ویرایش مخزن موجودی را پیاده سازی کنید Implement Edit Inventory Repository methods

• دریافت پارامترهای مسیریابی Receive Routing Parameters

• اجرای ویرایش مولفه موجودی Implement Edit Inventory Component

• چرا ما از Async در همه جا استفاده می کنیم Why we are using Async everywhere

لیست محصولات و افزودن محصول Product List and Add Product

• لیست محصولات Product List

• افزودن محصول Add Product

• جستجو و نمایش موجودی (با الگوی دکوراسیون) Search and Display Inventories (with Decoration Pattern)

• جداسازی CSS CSS Isolation

• اضافه کردن موجودی به محصول Add Inventory to Product

• از ValidationAttribute برای اعتبارسنجی سفارشی استفاده کنید Use ValidationAttribute for Custom Validations

• طرح بندی اجزای موجودی محصول را با کارت Boostrap بهبود دهید Improve Product Inventory Component Layout with Boostrap Card

ویرایش محصول Edit Product

• ویرایش الزامات محصول Edit Product Requirements

• مشاهده محصول بر اساس ID مورد استفاده View Product By Id Use Case

• مورد استفاده محصول را ویرایش کنید Edit Product Use Case

• ویرایش مولفه محصول Edit Product Component

خرید موجودی Purchase Inventory

• خرید موجودی مورد نیاز Purchase Inventory Requirement

• مورد استفاده از موجودی خرید Purchase Inventory Use Case

• تکمیل خودکار جزء 1 AutoComplete Component 1

• تکمیل خودکار جزء 2 AutoComplete Component 2

• خرید جزء صفحه موجودی Purchase Inventory Page Component

تولید محصولات Produce Products

• مورد استفاده محصول را تولید کنید Produce Product Use Case

• مولفه صفحه محصول را تولید کنید Produce Product Page Component

• اعتبارسنجی سفارشی برای مقدار موجودی Custom Validation for Inventory Quantity

• Javascript InterOp Javascript InterOp

فروش محصولات Sell Products

• فروش مورد استفاده محصول Sell Product Use Case

• کامپوننت صفحه محصول را بفروشید Sell Product Page Component

• مقدار محصول اعتبار سنجی سفارشی Product Quantity Custom Validation

• انجام AutoComplete Component از تماس‌های Async پشتیبانی کند Make AutoComplete Component support Async Calls

گزارش نویسی Reporting

• مورد استفاده گزارش معامله موجودی Inventory Transaction Report Use Case

• جزء صفحه گزارش معاملات موجودی Inventory Transaction Report Page Component

• گزارش معامله محصول مورد استفاده Product Transaction Report Use Case

• جزء صفحه گزارش تراکنش محصول Product Transaction Report Page Component

• گزارش را پرینت کنید Print Report

از Entity Framework Core استفاده کنید Use Entity Framework Core

• Entity Framework Core و Nuget Packages Entity Framework Core and Nuget Packages

• نصب پلاگین و بسته EF Core Data Store EF Core Data Store Plugin & Package Installations

• پیکربندی DbContext Configuring DbContext

• DB Migrations را اجرا کنید Run DB Migrations

• مخزن موجودی با EF Core Inventory Repository with EF Core

• مخزن محصول با EF Core Product Repository with EF Core

• مخزن معاملات موجودی با EF Core Inventory Transactions Repository with EF Core

• مخزن معاملات محصول با EF Core Product Transactions Repository with EF Core

• از DbContextFactory استفاده کنید Use DbContextFactory

• مخازن هسته EF را وصل کنید و برنامه را تست کنید Plug in the EF Core Repositories and Test the App

ایمن سازی برنامه Securing the App

• بخش های اصلی هویت The main parts of Identity

• بسته های Identity Nuget را نصب کنید Install Identity Nuget Packages

• پیکربندی هویت Configure Identity

• Db Migration را اجرا کنید Run Db Migration

• ثبت نام و ورود به داربست Scaffold Register & Login

• کامپوننت ورود Login Component

• برای ثبت نام کاربری از AuthenticationState استفاده کنید Use AuthenticationState to log user name

• مجوزها با خط مشی و ادعاها Permissions with Policy and Claims

• از UserManager برای مدیریت کاربران استفاده کنید Use UserManager to Manage Users

• مدیریت کاربر Manage User

از نوار ناوبری بوت استرپ استفاده کنید Use Bootstrap Navbar

• نوار ناوبری بوت استرپ را اضافه کنید Add Bootstrap Navbar

• بزرگ کردن و کوچک کردن موارد منوی پیمایش فرعی Expand & Collapse Sub-Navigation Menu Items

مراحل بعدی Next Steps

• با تشکر از شما و مراحل بعدی Thank You & Next Steps