Scribd
Upload
88 views2 pages

User Registration Form Assignment Guide

This document outlines the steps to create a user registration form using MVC architecture in C#. It involves creating 3 views, 2 models, and 3 controller actions. The first view collects personal details and submits to an action to save it in the first model. The second view displays the saved data and collects education details, submitting to an action to save in the second model. The third view displays all collected data from both models.

Uploaded by

Mansoor Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
88 views2 pages

User Registration Form Assignment Guide

This document outlines the steps to create a user registration form using MVC architecture in C#. It involves creating 3 views, 2 models, and 3 controller actions. The first view collects personal details and submits to an action to save it in the first model. The second view displays the saved data and collects education details, submitting to an action to save in the second model. The third view displays all collected data from both models.

Uploaded by

Mansoor Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment: Create a form to register user.

Difficulty Level: Moderate


Dead Line: Before the next lecture
The purpose of this assignment is to get you familiar with multiple types HTML
controls and help you to get a better grip on MVC architecture. In this assignment
you will get input from the user through multiple pages and show all of them at the
end.
The MVC scenario will be similar to the following diagram
V1 C M1
M1 V2 C M2
C M1, M2 V3
V1 = First View, V2 = Second View, V3 = Third View [Displays data of both models]
M1 = First Model, M2 = Second Model

Step 1
Create an Action [Name = PersonalDetails, MethodType=GET]
Create a View [Name = PersonalDetails] which takes input from the user for
the following fields
1. First Name [Input type = text]
2. Last Name [Input type = text]
3. Roll Number [Input type = text , set attribute Pattern to accept
correct format]
4. Gender [Input type = Radio Button]
5. Address [Input type = text , multiline]
6. Cell Number [Input type = text , set attribute Pattern to accept
correct format]
7. E-Mail [Input type = Email]
8. User name [Input type = text]
9. Password [Input type = Password]
10.Confirm Password [Input type = Password]
11.Button [Text= Next, Type= Submit]
Step 2
Create a Model [Name = PersonalDetailsModel] according to the above fields.
Step 3
Create an Action [Name = SavePersonalDetails, MethodType=POST] [Hint:
above form will submit here]

Create the Object [Name = M1] of model [Name = PersonalDetailsModel] in


the Controller Action [Name = SavePersonalDetails]
Set the fields of the model object
Return View [Name = EducationDetails]
Step 4
Create a view named [Name = EducationDetails]
Pass the object of Model to the View [Name = EducationDetails]
The View [Name = EducationDetails] will have the following fields
1.
2.
3.
4.
5.
6.
7.

Heading <h3> Intermediate Details


Name of Collage [Input type = text]
Year of Completion [Input type =Number]
Board [Input type =text]
Marks Obtained [Input type =Number]
Total Marks [Input type =Number]
Percentage [Will be calculated with Java Script] [Input type
=Number]
8. Heading <h3> SSC Details
9. School Name [Input type =text]
10.Year of Completion [Input type = number]
11.Board [Input type = text]
12.Marks Obtained [Input type =number]
13.Total Marks [Input type =number]
14.Percentage [Will be calculated with Java Script] [Input type
=number]
15.Submit Button [Input type =SUBMIT]
Step 5
Receive all 14 fields and the model M1 passed earlier to the view in the
Controller Action [Name = SaveEducationDetails, Method =POST]
Step 6
Create a new Model [Name = EducationDetailsModel] with fields according
to the view [Name = EducationDetails]
Create the object [Name=M2] of Model [Name =EducationDetailsModel]
Set the fields of the object [Name =M2] with the 14 fields received
Step 7
Send both Models M1 and M2 to the View [Name:DisplayUserData] [Hint:
you can either use ViewBags or Create a new Model which will contain the two
objects M1 and M2]
Display Models data in HTML

You might also like