2015
Pluralsight
Paul Sheriff
2:29
English
Paul's Training Company needs a web page to add, edit, delete, list, and search for products at their company. You have been tasked with building this page using MVC 5, but you don't want to use the five separate pages generated from the Visual Studio 2013 scaffolding engine. Instead you want to combine all those pages together in a "SPA"-like technique. You also want to take advantage of MVVM so you can reuse all data access and validation in a mobile application that is to come in the future. In this course, I will walk you through how to use all of these tools to accomplish this SPA-like technique in your MVC applications and improve your testability and reusability.
Consolidating MVC Views Using Single Page Techniques
Course Introduction
Course Audience and Pluralsight Courses to Help You
Overview of Our Single MVC Page
Course Outline
List and Search Data Using MVVM, MVC5, and Bootstrap
Module Introduction
Step 1: Prototyping Paul's Training Company Product Page
Create the Paul's Training Company MVC Project
Layout a Product Search Area in Bootstrap
Create a Product Table in HTML
Step 2: Create Data Classes for Product Data
Add a Reusable Class Library Project for Product Data
Load Mock Product Data into HTML Table
Step 3: Implement Model-View-View-Model (MVVM)
Create a Product View Model Class
Step 4: Handle Multiple Requests with a Single Method
Create a HandleRequest Method in View Model
Step 5: Use Data Dash Attributes for Searching
Build Search Functionality in View Model
Implement Search Using Data Dash Attributes
Module Summary
Add and Validate Data with Data Annotations, MVVM, and MVC 5
Module Introduction
Step 1: Control Visibility of Areas on Our Page
Add Visibility Properties to View Model and View
Step 2: Add Save and Cancel Buttons and Detail Panel
Add Buttons and Control Visibility Using View Model
Step 3: Create Private Methods for Reusability
Create ListMode and AddMode methods
Step 4: Add More 'State' Properties to View Model
Add 'State' Properties and Build Product Input Area
Step 5: Add Validation
Add Data Annotations to Entity Class
Display Validations in Bootstrap Alert
Step 6: Add Custom Validation to Manager Class
Create Custom Validations in Manager Class
Add Custom Validation Messages to ModelState
Module Summary
Modify & Delete Data Using Hidden Fields and Data Dash Attributes
Module Introduction
Step 1: Add Editing to the Product Page
Create Edit Button on the Product Table
Step 2: Add Data-attribute for the Primary Key
Pass Data-attribute to EventArgument
Step 3: Get Single Product for Edit and Update
Create Edit and Save Functionality
Step 4: Delete a Product
Add Delete Button to HTML Table
Module Summary
Reusability Using a View Model Base Class
Module Introduction
Step 1: View Model Base Class
Create View Model Base Class in DLL
Step 2: Move 'State' Methods
Add State Methods to View Model Base Class
Step 3: Move 'Modification' Methods
Add Modification Methods to View Model Base Class
Step 4: Move HandleRequest Methods
Add HandleRequest to View Model Base Class
Module Summary
Course Summary
Download File Size:475.05 MB
|
