Skip to main content

ASP.Net MVC: Getting started with MVC, HelloWorld Application and passing data from Controller to View

 Now we have learned the basics of ASP.Net MVC and typical folder structure of MVC application.

·         So let’s start with sample “HelloWorld” application (as we normally do whenever we learn any new language). 

·         Select File -> New -> Project, select ASP.Net MVC 3 Web Application and give application a name as “HelloWorldApp” and click OK.

·         New ASP.Net MVC 3 Project wizard opens;
o   As you can see in snapshot there are three templates (Empty, Internet Application and Intranet Application), we’ll use Empty template for this project.
o   There are two options to write view for our MVC application “ASPX” (aspx pages) and “Razor”, let’s select “Razor” as option and click OK.

·         Our new project is ready to start, let’s have a look on Solution Explorer.

·         As you can see there is no controller, let’s add a new controller, Right click on Controllers folder -> Add - > Controller.

·         Provide a name to your controller as “HelloWorldController”, there are three options of Template, select “Empty controller” and click on Add.

·         So we have added controller, now let’s add View to see MVC in action, right click on “Index” action and select “Add View”.

·         Keep view name as “Index” and View engine as “Razor” and click on Add (skip all other options for now as we needn’t to worry about those options for this sample).

·         New View file is added “Index.cshtml”, modify the view and write a friendly message to show on browser.

·         And we are done, our first application is ready to use, now run the application and you’ll get the error as “Server Error in ‘/’ Application”, this is because we need to call appropriate Controller name to see the result (MVC application run as(app/controller/action/{parameter}).

·         So add the controller name (“HelloWorld” in this case) and see the result.

Sample 2: Passing data from Controller to View.

So we have created sample HelloWorld application, now using same application let’s pass the data from Controller to View.

·         Use same “HelloWorldApp” application we created above.
·         In Index action of “HelloWorldController”, store the current date and time in ViewData (we then access this value in our View).

·         In “Index” view display the current date and time with the help of ViewData as:

·         And run the application and go to “HelloWorld” controller and there you can see the current date and time. 

You can download sample code of this post here.

Hope you have enjoyed this sample, any comments or suggestions are welcomed.

Popular posts from this blog

C#: Merging Excel cells with NPOI HSSFWorkbook

In this post we’ll see how to merge the two or more cell with each other while creating the excel sheet using NPOI.
Mentioned below is code to merge multiple cells, in this example we are merging first cell to fifth cell of first row (you can adjust row or cell range by passing particular parameters in CellRangeAddress).
//Created new Workbook var hwb = new NPOI.HSSF.UserModel.HSSFWorkbook(); //Create worksheet with name. var sheet = hwb.CreateSheet("new sheet"); //Create row and cell. var row = sheet.CreateRow(0); var cell = row.CreateCell(0); ; //Set text inside cell cell.SetCellValue("This is Merged cell"); cell.CellStyle.WrapText = true; //define cell range address // parameters: -> first row to last and first cell to last cell var cra = new NPOI.SS.Util.CellRangeAddress(0, 0, 0, 4); //Add merged region to sheet. sheet.AddMergedRegion(cra);
Hope this solution helps you J

Read and parse a CSV file into an array of rows and columns in C#

The following PopulateCsvIntoArraymethod used to read the CSV file into a two-dimensional array of strings.
I have included explanation of method lines, wherever needed. ///<summary> /// Populate the CSV file into an array, /// We assume that every line has the same number of fields and there may be blank lines. ///</summary> ///<returns></returns> privatestring[,] PopulateCsvIntoArray() { // Get path of CSV file. var path = Server.MapPath("~/Folder_Name/testfile.csv"); // Get the file's text using ReadAllText method. string fileData = System.IO.File.ReadAllText(path);
// Split CSV data into lines.     fileData = fileData.Replace('\n', '\r'); string[] lines = fileData.Split(newchar[] { '\r' }, StringSplitOptions.RemoveEmptyEntries);
// Get rows and columns counts. int totalRows = lines.Length;

Calculate Sum and average of two or more Textbox values using JQuery

We can calculate sum and average of values entered in textboxes with the help of small piece of jQuery code.
First of all let’s create a HTML form where we’ll ask user to enter marks in each subject, under body section add following HTML:
<tableclass="demo-table"> <trclass="label"> <tdcolspan="2">Please enter marks(0-99):</td> </tr> <tr> <td>English</td> <td> <inputtype="text"class="txtMarks"name="txtMarks"