آموزش تلفیق نماهای MVC با استفاده از تکنیک های تک صفحه

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

تلفیق نماهای MVC با استفاده از تکنیک های تک صفحه Consolidating MVC Views Using Single Page Techniques

• معرفی دوره Course Introduction

• دوره های مخاطبان دوره و برنامه های کاربردی Pluralsight برای کمک به شما Course Audience and Pluralsight Courses to Help You

• بررسی اجمالی صفحه تک MVC ما Overview of Our Single MVC Page

• طرح کلی دوره Course Outline

با استفاده از MVVM ، MVC5 و Bootstrap ، داده ها را لیست و جستجو کنید List and Search Data Using MVVM, MVC5, and Bootstrap

• معرفی ماژول Module Introduction

• مرحله 1: نمونه سازی صفحه محصول شرکت آموزش پاول Step 1: Prototyping Paul's Training Company Product Page

• پروژه MVC شرکت آموزش Paul را ایجاد کنید Create the Paul's Training Company MVC Project

• طرح بندی یک منطقه جستجوی محصول در بوت استرپ Layout a Product Search Area in Bootstrap

• یک جدول محصول در HTML ایجاد کنید Create a Product Table in HTML

• مرحله 2: کلاس های داده را برای داده های محصول ایجاد کنید Step 2: Create Data Classes for Product Data

• برای داده های محصول ، یک پروژه کتابخانه کلاس قابل استفاده مجدد اضافه کنید Add a Reusable Class Library Project for Product Data

• اطلاعات محصول ساختگی را در جدول HTML بارگیری کنید Load Mock Product Data into HTML Table

• مرحله 3: اجرای Model-View-Viewmodel (MVVM) Step 3: Implement Model-View-View-Model (MVVM)

• یک کلاس مدل نمایش محصول ایجاد کنید Create a Product View Model Class

• مرحله 4: رسیدگی به چندین درخواست با یک روش واحد Step 4: Handle Multiple Requests with a Single Method

• در View Model یک روش HandleRequest ایجاد کنید Create a HandleRequest Method in View Model

• مرحله 5: از ویژگی های Dash Dash برای جستجو استفاده کنید Step 5: Use Data Dash Attributes for Searching

• قابلیت جستجو را در View View ایجاد کنید Build Search Functionality in View Model

• جستجو را با استفاده از ویژگی های Dash Dash پیاده سازی کنید Implement Search Using Data Dash Attributes

• خلاصه ماژول Module Summary

داده ها را با حاشیه نویسی داده ها ، MVVM و MVC 5 اضافه و اعتبار سنجی کنید Add and Validate Data with Data Annotations, MVVM, and MVC 5

• معرفی ماژول Module Introduction

• مرحله 1: کنترل قابلیت مشاهده مناطق موجود در صفحه ما Step 1: Control Visibility of Areas on Our Page

• برای مشاهده مدل و View ویژگی های Visibility را اضافه کنید Add Visibility Properties to View Model and View

• مرحله 2: دکمه های ذخیره و لغو و صفحه جزئیات را اضافه کنید Step 2: Add Save and Cancel Buttons and Detail Panel

• با استفاده از View Model دکمه ها را اضافه کنید و قابلیت مشاهده را کنترل کنید Add Buttons and Control Visibility Using View Model

• مرحله 3: ایجاد روشهای خصوصی برای استفاده مجدد Step 3: Create Private Methods for Reusability

• روش های ListMode و AddMode را ایجاد کنید Create ListMode and AddMode methods

• مرحله 4: برای مشاهده مدل ، خصوصیات بیشتر "State" اضافه کنید Step 4: Add More 'State' Properties to View Model

• خصوصیات 'State' را اضافه کنید و منطقه ورودی محصول را بسازید Add 'State' Properties and Build Product Input Area

• مرحله 5: اعتبار سنجی را اضافه کنید Step 5: Add Validation

• حاشیه نویسی داده ها را به Entity Class اضافه کنید Add Data Annotations to Entity Class

• نمایش اعتبار سنجی ها در هشدار Bootstrap Display Validations in Bootstrap Alert

• مرحله 6: اعتبار سنجی سفارشی را به Class Manager اضافه کنید Step 6: Add Custom Validation to Manager Class

• اعتبار سنجی های سفارشی را در کلاس مدیر ایجاد کنید Create Custom Validations in Manager Class

• پیام های اعتبار سنجی سفارشی را به ModelState اضافه کنید Add Custom Validation Messages to ModelState

• خلاصه ماژول Module Summary

با استفاده از زمینه های پنهان و ویژگی های Dash Dash داده ها را اصلاح و حذف کنید Modify & Delete Data Using Hidden Fields and Data Dash Attributes

• معرفی ماژول Module Introduction

• مرحله 1: ویرایش را به صفحه محصول اضافه کنید Step 1: Add Editing to the Product Page

• دکمه ویرایش را روی جدول محصول ایجاد کنید Create Edit Button on the Product Table

• مرحله 2: ویژگی-داده را برای کلید اصلی اضافه کنید Step 2: Add Data-attribute for the Primary Key

• صفت Data را به EventArgument منتقل کنید Pass Data-attribute to EventArgument

• مرحله 3: تک محصول را برای ویرایش و به روزرسانی دریافت کنید Step 3: Get Single Product for Edit and Update

• قابلیت ویرایش و ذخیره را ایجاد کنید Create Edit and Save Functionality

• مرحله 4: حذف یک محصول Step 4: Delete a Product

• دکمه Delete را به جدول HTML اضافه کنید Add Delete Button to HTML Table

• خلاصه ماژول Module Summary

قابلیت استفاده مجدد با استفاده از کلاس پایه View Model Reusability Using a View Model Base Class

• معرفی ماژول Module Introduction

• مرحله 1: کلاس پایه مدل را مشاهده کنید Step 1: View Model Base Class

• کلاس View Model Base را در DLL ایجاد کنید Create View Model Base Class in DLL

• مرحله 2: انتقال روشهای 'State' Step 2: Move 'State' Methods

• روشهای State را برای مشاهده کلاس Base مدل اضافه کنید Add State Methods to View Model Base Class

• مرحله 3: انتقال روشهای 'اصلاح' Step 3: Move 'Modification' Methods

• برای مشاهده کلاس پایه مدل ، روش های اصلاح را اضافه کنید Add Modification Methods to View Model Base Class

• مرحله 4: انتقال روشهای HandleRequest Step 4: Move HandleRequest Methods

• برای مشاهده کلاس پایه مدل ، HandleRequest را اضافه کنید Add HandleRequest to View Model Base Class

• خلاصه ماژول Module Summary

• خلاصه دوره Course Summary