Creating a step-wise Wizard in ASP.net MVC 5 Razor Pages

Question

I would like to create a wizard with 10 a minimum of steps that will allow user to fill in their data, save each step data so that they may continue later and finally submit the form after completing all the steps. Can anyone assist me on how I can achieve in this in razor pages

Answer 1

I think you can easily get lot of tutorials on Razor Pages about this. I am sharing with you one such tutorial ASP.NET Core Razor Pages : CRUD Operations with Repository Pattern and Entity Framework Core

Answer 2

Yeah I have done step wizard in ASP.NET Web forms and ASP.NET MVC solutions. You can do the same I feel in an ASP.NET Razor Page solution as well.

1) A SessionState database table will be needed that holds the XML serialized session object that holds the user data entered for all pages.

2) The session object is serialized and saved to the SessionState table when the user leaves the page.

3) The session object for the given user is retrieved from the SessionState table and put into session, and a given page is populated from the session object when going forward or backwardsin the step process.

4) The user does the submit from the last page in the steps, then the data in the session object is sent to the database to be persisted to the application's database tables.

5) The session object for the user is deleted out of the table.

If the user walks away from the screen and a session timeout occurs, then the reactivation process of the page the user left executes the session recovery code and gets the user's session object from the SessionState table and populates the current page from the session object as if nothing happened and all is well.

There is more to it but that's the jest of it.

Answer 3

I need to create request processes but they could have multiple people, sometimes in groups, that complete an action step. Also, the processes would not be linear as someone could return the request to an earlier step for a change.

Example of actions:

1) Manager submits request.
2) Budget staff review request (entering data). This action is open to any of the users designated as Budget staff. A dashboard would show a list of open requests at that step and they click a link to open a request automatically assigning themselves.
3) Budget Director (one pre-assigned person) approves. Budget Director could return the request to Budget Staff to change something.
4) HR staff complete an action much like Budget Staff situation in step 2 above.
5) Manager completes an action.
6) Manager's director (assigned in Budget staff action) approves or sends to back to a previous step.

Only the users involved in a request could see the info (HR and Budget would be able to at least view a request in the current action is not for them.

Would the solutions mentioned in comments prior to my question be able to do this (with modifications)?

Thanks.

Answer 4

This is a step by step article on how to create a wizard using asp.net mvc core.
smart-aspnet-mvc-wizard-part-1.html

The wizard will not use any JavaScript or any client side framework only server side code.