二：第一个MVC应用程序

Posted 2021-01-15 yuanhaowen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了二：第一个MVC应用程序相关的知识，希望对你有一定的参考价值。

创建MVC项目

1：File->New->Project->New Project

选择Visual C#中Web模板中的ASP.NET Web Application定义

技术分享图片

2：添加控制器

在Controller文件夹中右键选择Add->Controller

技术分享图片

把新建的控制器名修改为HomeController

技术分享图片

3：修改HomeController中的内容

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace Pro2.Controllers
{
    public class HomeController : Controller
    {
        public string Index()
        {
            return "Hello World!";
        }
    }
}

4：运行该项目可以看到浏览器结果

可以看到浏览器的地址是http://localhost:xxxx，其中xxxx是IIS Express随机分配的端口

初步理解路由

MVC项目的路由系统（Routing System）会解析请求的URL，

路由系统会把http://localhost:xxxx，http://localhost:xxxx/Home，http://localhost:xxxx/Home/Index都指向HomeController中的Index方法

第一个视图（View）

5：修改HomeController方法的代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace Pro2.Controllers
{
    public class HomeController : Controller
    {
        public ViewResult Index()
        {
            return View();
        }
    }
}

6：右键Index()方法，Add View

技术分享图片

默认View的名字为Index，这里不要修改Index名，否则系统会识别不到该View

技术分享图片

点击确认

7：修改View，打开Views/Home/Index.cshtml文件，修改为如下

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        Hello World(from view)
    </div>
</body>
</html>

8：编译并运行项目

正常情况会得到正确的结果，如果我本地出现了下面错误

技术分享图片