در حال حاضر محصولی در سبد خرید شما وجود ندارد.
یادگیری نحوه ساخت یک وب سایت تجارت الکترونیک با Blazor Webassembly، API وب، هسته چارچوب هسته و SQL Server Express.
عنوان اصلی : Make an E-Commerce Website with Blazor WebAssembly in .NET 6
سرفصل های دوره :
مقدمه:
مخزن GitHub
Full Stack Foundations - ساختن یک اسکلت پیاده روی:
تصاویر نمایش داده نمی شوند؟ در اینجا دلیل آن است.
رفع بوت استرپ از NET 5 / Bootstrap 5 رفع CSS
اولین کنترلر Web API شما
از Client با Web API تماس بگیرید
SwaggerUI را اضافه کنید
SQL Server را نصب کنید
ConnectionString را اضافه کنید
Entity Framework را نصب کنید
نصب بسته‌ها برای Entity Framework Core، Code-First Migration و SQL Server
DataContext را اضافه کنید
DbContext را ثبت کنید و SqlServer را پیکربندی کنید
اولین مهاجرت شما با Entity Framework Core
داده های بذر
محصولات را از پایگاه داده دریافت کنید
مخزن GitHub را ایجاد کنید
خلاصه
افزودن و استفاده از بهترین روش ها:
خدمات محصول را به مشتری اضافه کنید
از ProductService در جزء ProductList استفاده کنید
خلاصه
همه چیز درباره محصولات است - Blazor WebAssembly در عمل:
اصلاح کمی CSS
معرفی دسته ها
افزودن دسته کاشت و مهاجرت
محصولات بیشتر را بکارید
همه دسته ها را با یک سرویس و کنترلر جدید دریافت کنید
یک CategoryService به مشتری اضافه کنید
نمایش دسته‌ها در NavMenu
محصولات را بر اساس دسته از سرور دریافت کنید
محصولات را بر اساس دسته بندی مشتری دریافت کنید
معرفی انواع محصولات
یک کلید اولیه مرکب و کاشت بیشتر اضافه کنید
مهاجرت انواع محصول را اضافه کنید
انواع و انواع محصول را در سرویس محصول لحاظ کنید
نمایش قیمت در جزء Product List
نمایش قیمت در قسمت ProductDetails
از یک جعبه انتخاب برای نوع محصول استفاده کنید
معرفی ویژگی جستجوی محصول
یک محصول را در سرور جستجو کنید
پیشنهادهای جستجوی محصول را دریافت کنید
روش‌های جستجو را به مشتری اضافه کنید
جستجو از طریق URL در مؤلفه Index.razor پیاده سازی کنید
جزء جستجو را پیاده سازی کنید
از طرح بندی سفارشی استفاده کنید
افزودن دکمه صفحه اصلی
معرفی محصولات ویژه
بارگیری محصولات ویژه
نمایش محصولات ویژه با یک مؤلفه جدید
معرفی صفحه بندی و اشیاء انتقال داده (DTO)
صفحه بندی جستجوی محصول را در سرور پیاده سازی کنید
صفحه‌بندی را به ProductService روی مشتری اضافه کنید
صفحه بندی را به کامپوننت ها اضافه کنید
معرفی سبد خرید با محل ذخیره سازی محلی
یک شمارنده سبد خرید ایجاد کنید
یک کلاس CartItem اضافه کنید
CartService را بر روی مشتری پیاده سازی کنید
دکمه «افزودن به سبد خرید» را در قسمت ProductDetails اجرا کنید
نمایش تعداد اقلام در شمارنده سبد خرید
اقلام سبد خرید را به محصولات در سرور تبدیل کنید
محصولات سبد خرید را بر روی مشتری دریافت کنید
صفحه سبد خرید را پیاده سازی کنید
یک مورد را از سبد خرید حذف کنید
مقدار را به مدل های سبد اضافه کنید
خدمات سبد خرید را اصلاح کنید
گزینه ای برای به روز رسانی مقدار اضافه کنید
مقدار را با فیلد شماره ورودی به روز کنید
خلاصه
بیایید کاربران اضافه کنیم - احراز هویت با JSON Web Tokens:
مدل UserRegister را اضافه کنید
ایجاد صفحه ثبت نام کاربر (EditForm بدون اعتبارسنجی)
یک دکمه منوی کاربر را پیاده سازی کنید
اضافه کردن حاشیه نویسی داده برای اعتبارسنجی
اعتبار سنجی را به فرم ثبت نام اضافه کنید
از یک پیام اعتبار سنجی به جای خلاصه اعتبار سنجی استفاده کنید
یک مدل کاربر برای پایگاه داده اضافه کنید
یک سرویس احراز هویت به سرور اضافه کنید
بررسی کنید که آیا کاربر از قبل وجود دارد یا خیر
ثبت نام کاربر را در سرور پیاده سازی کنید
AuthController را اضافه کنید
AuthService را روی مشتری ایجاد کنید
ثبت نام را روی مشتری اجرا کنید
از AuthService در صفحه ثبت نام استفاده کنید
نمایش پیام موفقیت پس از ثبت نام
یک مدل UserLogin اضافه کنید
صفحه ورود را اضافه کنید
ورود به سرور را آماده کنید
رمز عبور کاربر را تأیید کنید
توکن وب JSON را ایجاد کنید
Login را روی کلاینت پیاده سازی کنید
یک AuthenticationStateProvider سفارشی را پیاده سازی کنید
وضعیت احراز هویت را در معرض دید قرار دهید
با مؤلفه AuthorizeView یک گزینه خروج بسازید
یک URL بازگشتی به ورود اضافه کنید
یک صفحه نمایه کاربری ایجاد کنید
از ویژگی [Authorize] در مشتری استفاده کنید
یک مدل UserChangePassword اضافه کنید
رمز عبور سرور را تغییر دهید
Authentication Middleware را اضافه کنید
تغییر رمز عبور را در AuthController پیاده سازی کنید
تغییر رمز عبور را روی مشتری پیاده سازی کنید
رمز عبور کاربر را در صفحه نمایه تغییر دهید
خلاصه
بیایید چند محصول بخریم - سبد خرید و سفارشات:
مقدمه
CartItem را تغییر دهید و آن را به پایگاه داده اضافه کنید
سبد خرید را برای کاربران احراز هویت شده آماده کنید
اقلام سبد خرید را در پایگاه داده ذخیره کنید
از HttpContextAccessor برای دسترسی به کاربر در سرویس ها استفاده کنید
تعداد اقلام سبد خرید را از سرور دریافت کنید
روشی را برای بررسی احراز هویت کاربر فعلی اجرا کنید
تعداد اقلام سبد خرید مشتری را دریافت کنید
تعداد اقلام سبد خرید در ورود و خروج را مدیریت کنید
موارد ذخیره شده سبد خرید را از سرور دریافت کنید
CartService را روی مشتری تغییر دهید
یک CartItem به پایگاه داده اضافه کنید
به روز رسانی مقدار CartItem درپایگاه داده
یک CartItem را در پایگاه داده حذف کنید
اجرای سفارش (مدل ها، مهاجرت و کلید ترکیبی) را آماده کنید
اجرای ثبت سفارش در سرور
اجرای ثبت سفارش بر روی مشتری
بعد از ثبت سفارش سبد خرید را خالی کنید
بعد از ثبت سفارش بگویید «متشکرم».
GetUserId() را به AuthService منتقل کنید
سفارشات را از سرور دریافت کنید
اجرای دریافت سفارش بر روی مشتری
جزئیات سفارش را از سرور دریافت کنید
نمایش جزئیات سفارش در مشتری
IsUserAuthenticated() را به AuthService روی کلاینت منتقل کنید
خلاصه
کا چینگ! - پرداخت با Stripe Checkout:
معرفی و دریافت یک حساب Stripe
داشبورد راه راه
Stripe.net را در پروژه سرور با NuGet نصب کنید
کاربر را به صفحه پرداخت خط خطی هدایت کنید
یک جلسه پرداخت در سرور ایجاد کنید
یک صفحه موفقیت ایجاد کنید و سفارش دهید
سفارش را با WebHoks انجام دهید و سفارش را در پایگاه داده ما ذخیره کنید
یک آدرس حمل و نقل را در Stripe Checkout فعال کنید
خلاصه
از کجا هستید؟ - اضافه کردن یک آدرس تحویل:
مدل آدرس و مهاجرت جدید را اضافه کنید
منطق آدرس را روی سرور پیاده سازی کنید
منطق آدرس را بر روی مشتری پیاده سازی کنید
یک جزء اشتراکی AddressForm ایجاد کنید
از فرم آدرس در اجزای سبد خرید و نمایه استفاده کنید
ما به چیزهای بیشتری نیاز داریم! - داشبورد مدیریت:
مقدمه
یک نقش به مدل کاربر و توکن در AuthService اضافه کنید
مؤلفه منوی مدیریت و صفحه مدیریت دسته‌ها را ایجاد کنید
خواص بیشتری را به مدل دسته اضافه کنید
همه عملیات CRUD را برای دسته ها در سرور اجرا کنید
همه عملیات CRUD سمت مشتری را برای دسته ها اجرا کنید
صفحه مدیریت را برای دسته ها پیاده سازی کنید
پس از تغییر دسته ها، منو را دوباره رندر کنید
انواع محصول را از سرور برای مدیریت بارگیری کنید
اجراهای ProductTypeService را به مشتری اضافه کنید
صفحه مدیریت ProductType را ایجاد کنید
انواع محصولات را در سرور اضافه و به روز کنید
انواع محصول را در مشتری اضافه و به روز کنید
صفحه مدیریت ProductType را تمام کنید
مدل Product & ProductVariant را برای مدیریت ها تغییر دهید
از پرچم‌های جدید در روش‌های سرویس خدمات استفاده کنید
محصولات را برای مدیریت بارگیری کنید
محصولات را برای مدیریت بر روی مشتری دریافت کنید
صفحه مدیریت محصولات را ایجاد کنید
یک دکمه ویرایش و ایجاد برای محصولات اضافه کنید
یک محصول واحد برای مدیران دریافت کنید
ایجاد، به روز رسانی و حذف محصولات در سرور
ایجاد، به‌روزرسانی و حذف محصولات روی مشتری
جزء EditProduct را پیاده سازی کنید
Create & Update Implementations را آزمایش کنید (و اصلاح کنید).
اجرای حذف یک محصول در صفحه EditProduct
خلاصه
کلمات پایانی
Make an E-Commerce Website with Blazor WebAssembly in .NET 6
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
