what to code a data entry screen in
Till now nosotros have non created whatsoever screen for data entry. In this tutorial we will create a simple data entry, flourish a unproblematic model and display the model on a elementary ASP.Internet view.
How to create a uncomplicated ASP.Internet MVC information entry screen? (Tutorial No: 4)
So what's in the side by side tutorial?
Introduction
In our past ASP.Cyberspace MVC tutorial we started with a simple hello world application. In example you have missed information technology you tin see the aforementioned past clicking on ASP.NET MVC .
We then gradually moved ahead to learn how nosotros can pass data betwixt controllers and views using view data. If you want to run across the aforementioned you can read from ASP.Net MVC using Viewdata .
In the tertiary tutorial nosotros saw how to create a simple model using ASP.Internet MVC template. You can read about the same from ASP.NET MVC model .
Till now we have not created whatsoever screen for information entry. In this tutorial we will create a uncomplicated data entry, flourish a simple model and display the model on a simple ASP.Internet view.
My half life has been spent on writing interview questions for Microsoft engineering science and I hope I go on writing them. You can encounter my video tutorial for the aforementioned by clicking on .Internet and ASP.Cyberspace Interview questions
Goal: - Creating simple MVC data entry screen
Every project small-scale or large has data entry screens. In this lab nosotros will create a simple client data entry screen equally shown in the beneath figure.
As soon as the end user enters particular and submits data it redirects to a screen as shown below. If he enters corporeality less than 100 it displays normal customer or else information technology displays privileged customer.
Video demonstration which shows how to create a simple data entry screen
Beneath is a elementary video demonstration for this lab which creates a unproblematic client screen for entering data using MVC template.
Step1:- Creating your data entry ASPX page
The get-go step is create the data entry folio using the simple HTML form action tag as shown in the below code snippet. The near important betoken to notation in the below code snippet is that the activeness is pointing to the controller action i.e 'DisplayCustomer'.
<form action="DisplayCustomer" method="post"> Enter customer id :- <input type="text" name="Id" /> <br /> Enter customer code :- <input type="text" name="CustomerCode" /><br /> Enter customer Amount :-<input blazon="text" name="Amount" /><br /> <input type="submit" value="Submit customer data" /> </grade>
Step2:- Creating the controller
The higher up defined course activeness volition post to the controller grade and on the role "DisplayCustomer". So we need to get the data from the HTML controls, flourish the object and send the object to the view.
Beneath is the code snippet of displaycustomer which flourished the customer object by collecting data from request.form and sends the object to the view 'displaycustomer.
public class CustomerController : Controller { ….. …. [HttpPost] public ViewResult DisplayCustomer() { Customer objCustomer = new Client(); objCustomer.Id = Catechumen.ToInt16(Request.Course["Id"].ToString()); objCustomer.CustomerCode = Request.Course["Id"].ToString(); objCustomer.Amount = Convert.ToDouble(Asking.Course["Amount"].ToString()); ; return View("DisplayCustomer", objCustomer); } }
Step3:- Create the view to display the client object
The side by side step is to create the "DisplayCustomer" view.And then right click on the view folder and click add view. You should meet a drop downwards as shown in the below effigy. Requite a view name, bank check create a strongly typed view and bind this view to the client class using the dropdown as shown in the below figure.
The advantage of creating a strong typed view is yous can now get the properties of class in the view by typing the model and "." every bit shown in the below figure.
Beneath is the view code which displays the client property value. We have as well put an if condition which displays the customer as privileged customer if in a higher place 100 and normal customer if beneath 100.
<body> <div> The client id is <%= Model.Id %> <br /> The customer Code is <%= Model.CustomerCode %> <br /> <% if (Model.Amount > 100) {%> This is a priveleged customer <% } else{ %> This is a normal customer <%} %> </div> </torso>
Step iv:- Finally run the project
Concluding step is to run the project and see the output.
As soon as the cease user enters particular and submits data information technology redirects to a screen as shown below. If he enters amount less than 100 it displays normal customer or else information technology displays privileged customer.
So what's in the side by side tutorial?
In this tutorial we created a simple data entry screen which helped us flourish the client object. This client object was passed to the view for display.
If you closely watch in this tutorial we have done lot of coding i.e. creating the HTML form screens , flourishing the object etc. It would be keen if at that place was some kind of automation. In the next tutorial we run across how HTML helper classes assist to minimize many of these codes.
Click hither for the Office 5 of the ASP.Cyberspace MVC article.
Click hither for the Role 6 of the ASP.Internet MVC article.
Click here for the Function 7 of the ASP.NET MVC commodity.
Click hither for the Part eight of the ASP.NET MVC commodity.
Click hither for the Office 9 of the ASP.Cyberspace MVC article.
Source: https://www.dotnetfunda.com/articles/show/1388/how-to-create-a-simple-aspnet-mvc-data-entry-screen-tutorial-no-4
0 Response to "what to code a data entry screen in"
Post a Comment