پرووید
منو

آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور

زبان: فارسی (دوبله شده)مترجم: پروویددوبلر: پروویدسطح: پیشرفتهمدت زمان: 03:59:56تعداد ویدئوها: 74فایل های پروژه: ناموجود
قیمت:۳٬۹۹۹٬۰۰۰ تومان
این آموزش بخشی از پکیج کامل آموزش بلیزر (Blazor) میانی است که می توانید از تمامی آموزش های آن دیدن کنید.

آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، استفاده کردن از بلیزر سرور (Blazor Server) و Entity Framework و ASP.NET Core 6 برای ساختن اپلیکیشن های داده محور است که با نام اصلی Building a Data-driven ASP.NET Core 6 Blazor Server Application with EF Core از شرکت Pluralsight منتشر شده است.

تکنولوژی بلیزر چیست؟

تکنولوژی بلیزر که توسط مایکروسافت معرفی شده است یک فریم ورک برای ساختن وب اپلیکیشن های تک صفحه ای و یا اصطلاحاً single page application ها که به بیان ساده به آنها SPA نیز می گویند، می باشد. واژه بلیزر ترکیبی از دو واژه browser و razor می باشد. احتمالاً می دانید که razor یک موتور تولید کننده HTML view ها برای اپلیکیشن های دات نت می باشد. با استفاده از تکنولوژی بلیزر به جای مجبور بودن به اجرا کار کردن razor view ها بر روی سرور و نهایتاً ارسال کردن HTML های تولید شده به مرورگر می توانید این view ها را بر روی کلاینت اجرا کنید. بلیزر شبیه به تکنولوژی Silver Lite عمل نمی کند. silver lite یک تکنولوژی قدیمی تر می باشد که توسط مایکروسافت برای ایجاد کردن اپلیکیشن های درون مرورگری و یا اصطلاحاً in browser application ها ارائه گردید. تکنولوژی silver lite نیاز داشت که در مرورگر یک پلاگین نصب بگردد تا برنامه مورد نظر بتواند بر روی کلاینت اجرا بشود. همین موضوع باعث می شد تا اپلیکیشن های ایجاد شده با silver lite نتوانند بر روی سیستم عامل های iOS اجرا بشوند. ضمناً در صورت تمایل به یادگیری برنامه نویسی با تکنولوژی silver lite می توانید از لینک آموزش ویدئویی silver lite استفاده کنید. استفاده کردن از بلیزر شما را مجبور به نصب کردن هیچ گونه کلاینتی در مرورگر کاربر نخواهد کرد.

Read the Employees from the Database - نمونه ای از بخش Reading and Showing a List of Data در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور
نمونه ای از بخش «Reading and Showing a List of Data» در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور

تکنولوژی بلیزر و اپلیکیشن هایی که با آن ساخته می شوند یا به صورت server-side اجرا می گردند و یا به صورت client-side. در روش server-side برنامه ایجاد شده بر روی سرور اجرا شده و خروجی آن به مرورگر کاربر ارسال می گردد اما در روش client-side برنامه ایجاد شده تماماً در مرورگر و با استفاده از استاندارد WebAssembly ایجاد می گردد. از آنجایی که WebAssembly یک استاندارد وب است در تمامی مرورگرهای اصلی پشتیبانی می گردد. این بدان معناست که اپلیکیشن های client-side توسعه داده شده با بلیزر می توانند در مرورگر و بر روی سیستم عامل های مختلف از قبیل ویندوز، لینوکس، مک، اندروید و iOS اجرا شوند. بلیزر یک تکنولوژی کاملاً open source می باشد. این بدان معناست که شما نیز میتوانید به عنوان یک مشارکت کننده در این تکنولوژی ایفای نقش کنید source code مربوط به پروژه بلیزر، توسط .NET Foundation که یک سازمان مسئول برای پشتیبانی کردن از پروژه های open source مبتنی بر دات نت می باشد، مدیریت می گردد. اگر می خواهید قدم های اولیه خود را در یادگیری تکنولوژی بلیزر آغاز کنید، توصیه می کنیم که از آموزش برنامه نویسی با بلیزر نیز دیدن بفرمایید.

اتصال Blazor Server به پایگاه داده با EF Core

در برنامه های داده محور، رابط کاربری باید بتواند اطلاعات را از پایگاه داده دریافت کند و تغییرات کاربران را به شکل مناسبی ذخیره نماید. EF Core به عنوان یک ORM امکان کار با داده های پایگاه داده را از طریق مدل ها و کد C# فراهم می کند. در یک برنامه Blazor Server می توان از EF Core برای انجام عملیات مرتبط با داده استفاده کرد و ارتباط میان بخش رابط کاربری و منطق دسترسی به داده را در ساختار برنامه سازماندهی نمود.

Read the Employees from the Database - نمونه ای از بخش Reading and Showing a List of Data در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور
نمونه ای از بخش «Reading and Showing a List of Data» در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور

برای پیاده سازی چنین برنامه ای، لازم است مدل های داده و تنظیمات موردنیاز EF Core به درستی تعریف شوند و عملیات خواندن و تغییر داده ها در بخش مناسب برنامه قرار بگیرند. جداسازی مسئولیت ها می تواند نگهداری و توسعه قابلیت های جدید را ساده تر کند. در این آموزش با راه اندازی یک پروژه Blazor Server و پیکربندی EF Core آشنا می شوید و یاد می گیرید چگونه زیرساخت لازم برای ساخت یک اپلیکیشن متصل به داده را فراهم کنید.

نمایش، صفحه بندی و مدیریت داده ها در Blazor Server

در بسیاری از برنامه های تجاری، نمایش فهرست اطلاعات یکی از قابلیت های اصلی رابط کاربری است. داده ها ممکن است شامل تعداد زیادی رکورد باشند و نمایش همه آن ها در یک صفحه، استفاده از برنامه را دشوار کند. Pagination یا صفحه بندی این امکان را فراهم می کند که اطلاعات در بخش های کوچک تر نمایش داده شوند و کاربر بتواند میان صفحات جابه جا شود. در برنامه های داده محور، پیاده سازی این قابلیت نیازمند هماهنگی میان دریافت داده ها و نحوه نمایش آن ها در رابط کاربری است.

در کنار نمایش اطلاعات، کاربران معمولاً باید بتوانند رکوردهای جدید ایجاد کنند یا داده های موجود را ویرایش و حذف نمایند. این عملیات به ارتباط میان Component ها، داده های ورودی و منطق دسترسی به پایگاه داده وابسته هستند. در این دوره با پیاده سازی قابلیت های اصلی مدیریت داده در Blazor Server آشنا می شوید و یاد می گیرید چگونه فهرست اطلاعات را نمایش دهید و عملیات ایجاد، ویرایش و حذف را در برنامه سازماندهی کنید.

مدیریت Component ها در برنامه های Blazor Server

Component ها بخش های اصلی رابط کاربری در Blazor هستند و به توسعه دهندگان اجازه می دهند قسمت های مختلف صفحه را به واحدهای مستقل تقسیم کنند. هر Component می تواند مسئولیت مشخصی داشته باشد و در صورت نیاز در بخش های دیگر برنامه نیز مورد استفاده قرار گیرد. این ساختار به خوانایی کد و نگهداری رابط کاربری کمک می کند و امکان توسعه تدریجی برنامه را فراهم می سازد. در اپلیکیشن های داده محور، تعیین مرز مناسب میان Component ها به سازماندهی بهتر منطق نمایش و تعامل با داده ها کمک می کند.

Create an EditEmployee Component - نمونه ای از بخش Editing an Existing Data Item در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور
نمونه ای از بخش «Editing an Existing Data Item» در آموزش بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور

هنگامی که بخشی از رابط کاربری به Component جداگانه منتقل می شود، باید نحوه انتقال داده و هماهنگی آن با سایر بخش های برنامه نیز مشخص باشد. این جداسازی می تواند از بزرگ شدن بیش از حد یک صفحه جلوگیری کند و تغییرات آینده را ساده تر سازد. در این آموزش با استخراج داده ها و بخش های مرتبط به درون Component آشنا می شوید و یاد می گیرید چگونه ساختار رابط کاربری را به شکلی منظم تر طراحی کنید. این مهارت برای توسعه برنامه هایی که چندین صفحه یا بخش تعاملی دارند، کاربردی است.

مدیریت Concurrency Conflict در برنامه های داده محور

در برنامه هایی که چند کاربر می توانند به صورت هم زمان با داده ها کار کنند، احتمال دارد یک رکورد پس از خوانده شدن توسط یک کاربر، توسط کاربر دیگری تغییر کند. اگر کاربر اول بعداً تغییرات خود را ذخیره کند، ممکن است اطلاعات جدیدتر ناخواسته بازنویسی شوند. این وضعیت به عنوان Concurrency Conflict شناخته می شود و مدیریت صحیح آن برای حفظ سازگاری داده ها اهمیت دارد. در برنامه های مبتنی بر EF Core، راهکارهای مختلفی برای تشخیص و مدیریت تغییرات هم زمان وجود دارد.

مدیریت تعارض های هم زمانی به این معنا نیست که همیشه باید یکی از تغییرات را بدون بررسی پذیرفت. برنامه باید بر اساس نیازهای خود مشخص کند که در صورت بروز تعارض، تغییرات رد شوند، اطلاعات جدید دوباره بارگذاری شوند یا کاربر امکان بررسی و انتخاب داشته باشد. در این دوره با نحوه مدیریت Concurrency Conflict در یک اپلیکیشن Blazor Server آشنا می شوید و درک می کنید که چگونه باید این وضعیت را هنگام ویرایش داده ها در نظر گرفت. این موضوع برای ساخت برنامه های داده محور قابل اعتماد اهمیت دارد.

سرفصل مطالب آموزش ویدئویی بلیزر سرور (Blazor Server) در ساختن اپلیکیشن های داده محور

فصل اول: مقدمه دوره آموزشی

  • مقدمه دوره آموزشی

فصل دوم: ایجاد کردن یک پروژه Blazor Server

  • مقدمه
  • در این دوره آموزشی چه چیزی را فرا خواهید گرفت؟
  • چرا بایستی از Entity Framework Core و Blazor Server استفاده کنیم؟
  • راه اندازی کردن Environment
  • ایجاد کردن پروژه Blazor Server ابتدایی
  • تنظیم کردن ظاهر اپلیکیشن Blazor
  • ایجاد کردن یک کامپوننت جدید به نام EmployeeOverview
  • جمع بندی

فصل سوم: راه اندازی کردن Entity Framework Core

  • مقدمه
  • ایجاد کردن Model Class ها
  • پیاده سازی کردن یک DbContext
  • رجیستر کردن DbContext به عنوان یک سرویس
  • انتقال دادن Connection String به App Settings
  • اضافه کردن و اجرا کردن اولین Migration
  • ایجاد کردن فایل SQL برای Migrate کردن دیتابیس
  • اعمال کردن Migration ها در زمان Runtime
  • Seed کردن داده ها به درون دیتابیس
  • جمع بندی

فصل چهارم: خواندن و نشان دادن لیستی از داده ها

  • مقدمه
  • خواندن Employee ها از درون دیتابیس
  • نشان دادن Employee ها در واسط کاربری برنامه
  • بررسی کردن DbContext Factory
  • تزریق کردن و استفاده کردن از DbContext Factory
  • جمع بندی

فصل پنجم: پیاده سازی کردن صفحه بندی و یا Pagination

  • مقدمه
  • بارگذاری کردن تعداد از قبل تعریف شده ای از Employee ها
  • اضافه کردن و استفاده کردن از پارامتر CurrentPage
  • Handle کردن یک مقدار بسیار پایین برای CurrentPage
  • Handle کردن یک مقدار بسیار بالا برای CurrentPage
  • نشان دادن کامپوننت Pagination
  • نشان دادن دکمه های Previous و Next
  • جمع بندی

فصل ششم: اضافه کردن یک Data Item جدید

  • مقدمه
  • ایجاد کردن کامپوننت AddEmployee
  • پیاده سازی کردن یک فرم
  • اضافه کردن Text Input Field ها
  • نشان دادن Validation Error های مربوط به یک Property
  • اضافه کردن یک Checkbox
  • اضافه کردن یک Dropdown List
  • بارگذاری کردن داده های Dropdown List
  • ذخیره کردن Employee در دیتابیس
  • نشان دادن پیام های Success و Error
  • اطمینان حاصل کردن از اینکه Employee فقط یکبار اضافه شده است
  • حذف کردن Alert ها در زمان Submit غیر معتبر و یا Invalid Submit
  • جمع بندی

فصل هفتم: استخراج کردن داده ها به درون یک کامپوننت

  • مقدمه
  • اضافه کردن کامپوننت EmployeeForm
  • پیاده سازی کردن پارامترهای کامپوننت ها
  • اضافه کردن یک Event Callback برای OnSubmit
  • Handle کردن رویداد OnSubmit
  • جمع بندی

فصل هشتم: ویرایش کردن یک Data Item از قبل موجود

  • مقدمه
  • ایجاد کردن یک کامپوننت جدید به نام EditEmployee
  • بارگذاری کردن Employee ها برای ویرایش شدن
  • Handle کردن یک Employee Id نامعتبر
  • بارگذاری کردن Department ها
  • نشان دادن دکمه های Update و Cancel
  • بروز رسانی کردن Employee در دیتابیس
  • Handle کردن خطاها در زمان ذخیره کردن Employee
  • ذخیره کردن Department Id
  • Navigate کردن لیست Employee ها بعد از بروز رسانی
  • ذخیره کردن Page State مربوط به Page State
  • Navigate کردن به یک Page بعد از Cancel کردن
  • جمع بندی

فصل نهم: حذف کردن یک Data Item

  • مقدمه
  • اضافه کردن دکمه Delete
  • حذف کردن یک Employee از درون یک دیتابیس
  • نشان دادن صفحه تأییدیه و یا Confirmation
  • جمع بندی

فصل دهم: Handle کردن تضادهای همروندی و یا Concurrency Conflict ها

  • مقدمه
  • Handle کردن Conflict ها در زمان Delete کردن
  • Handle کردن Conflict ها در زمان Update کردن
  • جمع بندی
دیدگاه کاربران

دیدگاه ها

برای ثبت دیدگاه ابتدا وارد حساب کاربری شوید.
هنوز دیدگاهی برای این محصول تایید نشده است.