Creating a Mobile Application Using MVC4

Introduction

MVC is one of three ASP.NET programming models.

MVC is a framework for building web applications using an MVC (Model View Controller) design:

• The Model represents the application core (for instance a list of database records).
• The View displays the data (the database records).
• The Controller handles the input (to the database records).

The MVC model also provides full control over HTML, CSS, and JavaScript.

Prerequisites

• Install Visual Studio 2010 (SP1)
• Install ASP.NET MVC4
• Install Microsoft SQL Server Compact 4.0
• Install Opera Mobile Emulator

Getting Started

The following steps will show how to build a MVC4 Mobile application.

Step 1

Open Visual Studio, select New Project -> ASP.NET MVC4 Web Application.

Step 2

Select Mobile Application from the Project Template.

Step 3

Go to Solution Explorer, right-click on the App_Data folder, and click on Add New Item.

Select SQL Server Compact 4.0 Local Database and name it as Movies.sdf.

Step 4

Database is added to the App_Data folder.

Step 5

Create a table and name it MovieDBs.

Step 6

Add ConnectionString in Web.config.

Step 7

Right-click on Model->Add->Class and paste the following code:

Note: ConnectionString name and Class name should be the same.

Step 8

Right-click on Controller->Add->Controller Add Controller Window Popup.

Click on Add button and it will create a Movies Controller.

Step 9

Run application using Opera Mobile Emulator and it shows the following result.