Home > Developer > Web Develop

Learn from ASP. NET MVC II: The first ASP. NET MVC Program

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Summary:

This article takes you one step at a to create a simple ASP. NET MVC program.

Create a new ASP. NET MVC Project

After clicking the "OK" button, open the following window:

Here you select the "Empty" template and the "MVC" option. No unit tests are created this time, so "ADD unit tests" is not selected. Click on the "OK" button.

After the project is created, the project's default folder structure is this:

Click Run to open the browser when the program executes:

The result of the execution is a server error in the application because we created an empty ASP. NET MVC project with no controllers and no views.

Add a first controller

Select Controller folder, right mouse button, select "Controller" in the popup menu. Open the following dialog box:

Select "MVC controller-empty" and click the "Add" button.

In the dialog box that pops up, modify the controller name "HomeController" and add the empty controller to the project.

The default controller code is this:

1 usingSystem;2 usingSystem.Collections.Generic;3 usingSystem.Linq;4 usingsystem.web;5 usingSYSTEM.WEB.MVC;6 7 namespacepartyinvites.controllers8 {9      Public classHomecontroller:controllerTen     { One         //Get:home A          Publicactionresult Index () -         { -             returnView (); the         } -     } -}

Modify action Index to return a string:

1 usingSystem;2 usingSystem.Collections.Generic;3 usingSystem.Linq;4 usingsystem.web;5 usingSYSTEM.WEB.MVC;6 7 namespacepartyinvites.controllers8 {9      Public classHomecontroller:controllerTen     { One         //Get:home A          Public stringIndex () -         { -              return "Hello Word";  the         } -     } -}

Execute the program and get the running result in the browser:

Back to Web page

Continue to modify the index method and return the result using the view () function.

1 usingSystem;2 usingSystem.Collections.Generic;3 usingSystem.Linq;4 usingsystem.web;5 usingSYSTEM.WEB.MVC;6 7 namespacepartyinvites.controllers8 {9      Public classHomecontroller:controllerTen     { One         //Get:home A          PublicViewResult Index () -         { -             returnView (); the         } -     } -}

Executes the program and gets the execution results in the browser.

This error is due to the fact that we have not yet added a view to the Controller's action.

Right-click inside the index method and select the "Add View" button in the pop-up menu.

Click the "Add" button in the dialog box that pops up.

The default content of the created view is the following:

1 @{2 Layout = null;3 }4 5 <!DOCTYPE HTML>6 7 <HTML>8 <Head>9     <Metaname= "Viewport"content= "Width=device-width" />Ten     <title>Index</title> One </Head> A <Body> -     <Div>  -     </Div> the </Body> - </HTML>

Modify the content within <div></div>.

1 @{2 Layout = null;3 }4 5 <!DOCTYPE HTML>6 7 <HTML>8 <Head>9     <Metaname= "Viewport"content= "Width=device-width" />Ten     <title>Index</title> One </Head> A <Body> -     <Div>  - Hello, World the     </Div> - </Body> - </HTML>

Executes the program and gets the execution results in the browser.

The file index.cshtml is added to the folder Views->home at this time.

Add Dynamic output

Returns the Index method, which outputs dynamic content.

1 usingSystem;2 usingSystem.Collections.Generic;3 usingSystem.Linq;4 usingsystem.web;5 usingSYSTEM.WEB.MVC;6 7 namespacepartyinvites.controllers8 {9      Public classHomecontroller:controllerTen     { One         //Get:home A          PublicViewResult Index () -         { -              int hour = System.DateTime.Now.Hour;  the             viewbag.greeting = Hour <  ? " Good moring ": "Good afternoon";   -              return  View ();  -         } -     } +}

Returns the index view, which renders dynamic content.

1 @{2 Layout = null;3 }4 5 <!DOCTYPE HTML>6 7 <HTML>8 <Head>9     <Metaname= "Viewport"content= "Width=device-width" />Ten     <title>Index</title> One </Head> A <Body> -     <Div>  - @ViewBag. Greeting World (from the view) the     </Div> - </Body> - </HTML>

Executes the program and gets the running result in the browser.

　　

Learn from ASP. NET MVC II: The first ASP. NET MVC Program

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
asp net mvc publish asp net mvc conference asp net mvc website asp net mvc 4 pluralsight asp net mvc asp net mvc book asp net mvc forum

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More