With the view component and partial view in place, refactor the Index Action Method and Index View to use the view component and reduce the code footprint.
- [Instructor] The next step is to create the partial view…that will be rendered by the view component.…So under shared,…create a new folder,…called components.…Under the components folder we'll create another folder…named for the prefix of the view component.…So similar to controllers,…where the views don't say home controllers…they just say home.…With view components we do the same.…
So this was the movies view component.…This view component replaces the list of movies…that will show on the index page.…So I'm going to cheat a little bit…and go into the movies index,…copy that,…paste it into the movies folder,…and then we'll do some editing.…We have to change the name.…
And remember we called it the movies view.…The model is an Ienumberable of movie view model.…We don't need the title or the form at the top.…We just want our table.…And we're no longer dealing with the view model…so we'll go ahead and delete the movies property…as it doesn't exist.…And one last movies property to remove.…
And then for each model…we will invoke the display template…
Phil Japikse begins by showing how to install and update the .NET Core SDK. He reviews the functionality of the MVC 5 app, explains how to create necessary projects, and discusses migrating static content. Next, he demonstrates how to create a data access layer, complete the server-side migration, set up the HTTP pipeline, add custom items into the dependency injection container, leverage the new project configuration system, and migrate the controllers. Phil then introduces Tag Helpers—one the big new features in ASP.NET Core—and uses them to migrate and simplify the views. Phil also demonstrates how to create and use custom Tag Helpers. To wrap up, he covers working with view components, explaining what they are and why they're helpful. He walks through how to create the server-side view component code, and how to refactor your app and invoke the view component.
- Reviewing the MVC 5 application
- Creating the data access layer
- Adding and updating the models
- Updating the database
- Completing the server-side migration
- Configuring the HTTP pipeline
- Configuring and using dependency injection
- Migrating the views
- Creating view components
Skill Level Intermediate
Visual Studio Essential Training: 09 Unit Testswith Walt Ritscher2h 42m Intermediate
Deploying .NET Applications with Octopus Deploywith Floyd Hilton1h 27m Intermediate
1. Preparation and Initial Steps
2. Create the Data Access Layer
3. Complete the Server-Side Migration
4. Migrate the Controller
5. Migrate the Views
6. View Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.