Wednesday 30 November 2016

MVC Part 5

MVC Framework - Folders

Now that we have already created a sample MVC application, let us understand the folder structure of an MVC project. We will create new MVC project to learn this.
In your visual studio, open File->New->Project and select ASP.NET MVC Application. Name it as MVCFolderDemo.
create_mvc_folder_demo_project
Click OK. In the next window, select Internet Application as the Project Template and click OK.
create_mvc_internet_application
This will create a sample MVC application as shown below:
mvc_folder_project_structure
Note that the filers present in this project are coming out of the default template that we have selected. These may change slightly as per different versions.

Controllers Folder

  • This folder will contain all the Controller classes. MVC requires name of all the controller files to end with Controller.
  • In our example, the Controllers folder contains two class files: AccountController and HomeController.
mvc_controllers

Models Folder

  • This folder will contain all the Model classes which are used to work on application data.
  • In our example, the Models folder contains AccountModels. You can open and look at the code in this file to see how the data model is created for managing accounts in our example.
mvc_models

Views Folder

  • This folder stores the HTML files related to application display and user interface.
  • It contains one folder for each controller.
  • In our example, you will see three sub-folders under Views namely Account, Home and Shared which contains html files specific to that view area.
mvc_views

App_Start Folder

  • This folder contains all the files which are needed during the application load.
  • For e.g., the RouteConfig file is used to route the incoming URL to the correct Controller and Action
mvc_app_start_folder

Content Folder

  • This folder contains all the static files such as css, images, icons, etc.
  • The Site.css file inside this folder is the default styling that the application applies.
mvc_content_folder

Scripts Folder

  • This folder stores all the JS files in the project. By default Visual Studio adds MVC, jQuery and other standard JS libraries.
mvc_scripts_folder

No comments:

Post a Comment