求知 文章 文库 Lib 视频 Code iProcess 课程 认证 咨询 工具 火云堂 讲座吧   成长之路  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 

MVC框架教程
MVC框架架构
MVC框架ASP.NET表单
MVC框架-第一个程序
MVC框架-文件夹
MVC框架-模型
MVC框架-控制器
MVC框架-视图
MVC框架-布局
MVC框架-路由引擎
MVC框架-动作过滤器
MVC框架-高级示例
MVC框架-AJAX支持
MVC框架-捆绑
MVC框架-异常处理
 
 

MVC框架 - 第一个应用程序
61 次浏览
9次  
 捐助

让我们到实践中去,使用视图和控制器创建我们的第一个MVC应用程序。 一旦我们有一个关于如何一个基本的MVC应用程序的运行一个小实践经验,我们将学习所有单独的组件和概念在接下来的章节。

按以下步骤来创建第一个MVC应用程序

步骤 1: 启动Visual Studio并选择 File->New->Project。 选择 Web->ASP.NET MVC Web Application ,并命名该项目为 FirstMVCApplication. 选择位置 C:\MVC。点击OK。

步骤 2: 打开项目模板选项。选择空的模板和视图引擎为Razor。点击确定。

由此,Visual Studio将创建我们的第一个MVC项目如(截图所示):

第3步:现在,我们将创建我们的应用程序的第一个控制器。控制器是一个包含多个公共方法,被称为动作方法的简单C#类。 要添加新的控制器,右击Controllers文件夹在我们的项目,并选择Add->Controller. 命名为控制器为HomeContoller点击添加。

这将在控制器文件夹中创建类文件HomeController.cs,用下面的默认代码。

using System;
using System.Web.Mvc;

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

    }
}

上面的代码基本上定义了一个公共的方法Index ,HomeController并返回一个ViewResult对象。在接下来的步骤中,我们将学习如何使用返回ViewResult对象视图。

第4步:现在,我们将添加一个新的视图在 Home 控制器。要添加新的视图,右键单击HomeController.cs并点击 Add->View.

命名新的视图和索引视图引擎为Razor(SCHTML)。单击添加。

这里面添加下面的代码在Views/Home文件夹的一个新文件cshtml:

 Layout = null;  }    
<html>  
<head>      
<meta name="viewport" content="width=device-width" />      
<title>Index</title>  
</head>  
<body>      
<div>             
</div> 
 </body>  
</html>

第5步:修改以上视图的body内容,使用下面的代码:

@{     
<body>      
<div>       
Welcome to My First MVC Application (<b>From Index View</b>)      
</div>  
</body>

第6步:现在运行应用程序。在浏览器有下面的输出。这个输出是基于我们的视图文件中的内容呈现。应用程序首先调用该视图,并给出了输出控制器。

第7步:在步骤6,我们收到的输出是基于我们认为的文件内容,并与控制器交互。向前迈进了一步,现在我们将创建一个小例子使用视图和控制器之间的相互作用,显示当前时间和欢迎信息。

MVC使用ViewBag对象控制器和视图之间传递数据。打开HomeController.cs和编辑Index函数,下面的代码。

public ViewResult Index()
{
    int hour = DateTime.Now.Hour;
            
    ViewBag.Greeting = 
    hour < 12 
    ? "Good Morning. Time is" +  DateTime.Now.ToShortTimeString()
    : "Good Afternoon. Time is " + DateTime.Now.ToShortTimeString();
            
return View();
}

在上面的代码中,我们设置ViewBag对象的问候属性的值。该代码获取当前小时,相应的View() 语句返回Good Morning/Afternoon。需要注意的是这里贺卡只是一个例子属性,我们已经使用ViewBag对象。 可以代替贺卡使用任何其他属性的名称。

第8步:现在打开Index.cshtml并复制下面的代码主体部分:

<body>      
<div>       
@ViewBag.Greeting (<b>From Index View</b>)      
</div>  
</body>

在上面的代码中,我们访问ViewBag使用对象@(这将是从控制器设置)Greeting 属性的值。

第9步:现在再次运行应用程序。这一次,代码会首先运行控制器,设置ViewBag,然后视图代码渲染。输出看起来象下面这样:

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



61 次浏览
9次
 捐助
 


每天2个文档/视频
扫描微信二维码订阅
订阅技术月刊
获得每月300个技术资源
 
 

关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号