Sunday, 22 October 2017

ASP.NET MVC File structure

The image below are the folders and files generated for a newly created Visual Studio ASP.NET MVC Web Application project. Let’s see significance in each file in the solution explorer.

Solution Explorer

Solution Explorer
App_Data
This folder contains application data like local Database used by the application like.Mdffile. This folder doesn’t have special meaning in the MVC framework.
App_Start
This contains code that helps configure MVC application. Generally, we don’t modify this part of the code unless you are already familiar with it and wanted to configure it manually. Like RouteConfig. case which is responsible for the routing of your application web address. BundleConfig. Cs which responsible for minification of your JavaScript and CSS files.
App_start
App_start
Content
Content folder contains style sheet for your sites like Site.css.
Content
Content
Controller
This is the heart of MVC where you can find all the classes that are responsible for processing of data. The controller is always tied with the View folder.
Controller
Controller
For example, if we have HomeController in the controller folder, then we also have a Home folder in the views folder and if we have AccountController in the controller folder then we also have Account Folder in the views folder. Home Controller must be named with a Controller at the end in order for it to work.
View
View
View
This folder contains User interface of your application. See image below.
Account, Home and Manage folder are the View of your Controller while Sharedfolder contains a template of your Web Application. _layout.cshtml, it’s like a master page and responsible of how all your pages will look like. _LoginPartial.cshtml contains code for partial menu .Error.cshtml is responsible for displaying error. View Start.cshtml it calls the default layout of the page which is _layout.cshtml. Web.config is an app configuration file that contains assemblies needed for the project. 
Fonts
Contains customize font you want to use in your project.
Font
Font
Models
This folder contains classes that are responsible for the identification of data. This is where all application requirements are register.
Script
Contains all JavaScript file of your application.
Script Folder
Favicon.ico -> default site logo icon
Packages.config -> this comes from nugget packages.
Web.config -> Configuration settings of your application
Default files
Default files

No comments:

Post a Comment

React Hooks - custom Hook

  v CustomHook Ø React allows us to create our own hook which is known as custom hook. Example – 1 localStorage Demo Step-1 Create ...