二:第一个MVC应用程序

Posted 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:编译并运行项目

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

技术分享图片

9:修改Reference属性

找到Reference中的System.Web.MVC修改属性Copy Local为True

技术分享图片

10:再次运行该项目得到正确结果

说明

1:IIS Express是一个精简版的全功能的IIS应用服务器,由Visual Studio调用,用于开发调试和使用;

2:Web页面从服务器到客户端浏览器分三步,第一步是视图引擎对视图文件进行解释,转换成Html标记,称为渲染。第二步把渲染后的Html传递给客户端浏览器,称为传输。第三步是浏览器把Html解析处理并呈现Web页面,称为呈现。

以上是关于二:第一个MVC应用程序的主要内容,如果未能解决你的问题,请参考以下文章

Spring MVC 3.2 Thymeleaf Ajax 片段

如何实现MVC模式

Android Java:在 onCreateView() 中返回空视图的片段

片段不起作用并且有错误

Spring MVC 教程

更改片段内布局的按钮