Asp.net MVC3.0 入门指南 3.2视图 View

时间:2016-02-24 17:25 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【Asp.net MVC3.0 入门指南 3.2视图 View】，下面是详细的分享！

Asp.net MVC3.0 入门指南 3.2视图 View

改变视图和布局页

首先，您希望改变页面上最上边的标题“My MVC Application”。这些文字对每个页面来说是相同的。事实上，它在项目只被实现了一次，尽管它出现在每个页面上。

在解决方案资源管理器中定位到/Views/Shared下的_Layout.cshtml文件。这个文件被称作为布局页，它被共享为所有页面的“外壳”。

//译者注：类似webform中的masterpage。

布局模板允许您指明网站的HTML容器并应用到网址所有的页面中。

注意文件底部的@RenderBody()行。RenderBody是一个所有视图页的占位符，包裹在布局页中。把布局页中的标题"My MVC Application"改为"MVC Movie App".

<div id="title">
<h1>MVC Movie App</h1>
</div>

运行程序，注意它现在显示的是“MVC Movie App”。单击About链接，您可以看到页面仍然显示“MVC Movie App”。我们在布局页中改变一次之后在所有页面中都输出了新的标题。

模板页完整的代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href=http://www.chinaz.com/program/2011/0505/"@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src=http://www.chinaz.com/program/2011/0505/"@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src=http://www.chinaz.com/program/2011/0505/"@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>MVC Movie App</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>

现在，让我们改变视图Index页的标题。打开文件MvcMovie\Views\HelloWorld\Index.cshtml.有两个地方需要修改：首先，修改浏览器标题栏出现的文字，然后再修改标签<h2>元素。您将对代码稍作调整,可以看到程序中的部分代码发生了小的改变。

@{
ViewBag.Title="Movie List";
}

<h2>My Movie List</h2>

<p>Hello from our View Template!</p>

为了指明HTML的显示标题，上边的代码设置了视图模板Index.cshtml ViewBag的Title属性。如果您回头看看布局模板的源代码，您将发现模板使用《title》元素作为《head》节的一部分（译注：红色部分）。使用这种方法，您可以很容易的在视图模板和布局文件间来传递其他参数。

运行程序并浏览http://localhost:xx/HelloWorld.注意到浏览器的标题，主要的标题，次要的标题已经发生了变化（如果您没有看到变化，您可能在查看浏览器在您机器本地的缓存内容。按Ctrl+F5强制刷新，强制从服务器加载响应）。

还注意到视图模板Index.cshtml 的内容被合并到布局文件，一个HTML响应被发送到浏览器。布局模板确保非常容易应用所有的变化到所有的页面中。

虽说，我们的一点点“数据”（“Hello from our View Template！”消息）是硬编码的。MVC应用程序已经有视图“V”和控制器“C”了，但是仍然还没有模型“M”。我们马上学习如何从模型创建数据和获取数据（译注：使用codefirst技术）。

从控制器Controller传递数据给视图View虽然以前我们访问数据库、讨论模型，但是这次我们讨论从控制器传递数据给视图。

您写的一个控制器类是处理传入参数、从数据库获取数据、最终决定以什么类型的响应返回给客户端浏览器的一些代码。视图模板能够被控制器用作生成和格式化HTML响应给浏览器。

控制器负责提供各种形式的数据和对象，为了在视图模板呈送响应给浏览器。

视图模板或许从来都不展现业务逻辑或和数据库直接交互。反而仅仅对控制器提供给它的数据工作。保持这种关注点分离（“separation of concerns”）可以让您的代码整洁并且更容易维护。

目前，控制器HelloWorldController类的Welcome方法传递了参数name、numTimes，并且在浏览器中直接输出了他们的值。与其让控制器呈送一个字符串响应，还不如让我们改变一下控制器来使用视图模板取代。视图模板

生成动态的响应，这意味着您需要从控制器传递适当的数据给视图模板以便生成响应。您可以在控制器放入动态数据来实现这个功能，视图模板需要它可以访问的ViewBag对象。

回到HelloWorldController.cs文件改变它的Welcome，给ViewBag对象增加Message和NumTimes值。ViewBag 是动态对象，这意味着您可以放入任何您想放入的对象。ViewBag 对象没有事先定义好属性，直到您在它里边放入一些对象。HelloWorldController.cs文件完整的代码如下所示：

using System.Web;
using System.Web.Mvc;

namespace MvcMovie.Controllers
{
    public class HelloWorldController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Welcome(string name, int numTimes=1)
        {
            ViewBag.Message="Hello " + name;
            ViewBag.NumTimes=numTimes;

            return View();
        }
    }
}

现在ViewBag 对象包含了将要传递给视图的数据。

下一步，我们需要一个Welcome视图模板！选择“调试”菜单，选择生成MvcMovie确保项目被编译。

右键Welcome方法，单击添加视图。添加视图的界面看起来是这样的：

单击添加。然后在文件Welcome.cshtml 的<h2>元素中添加如下代码。您将创建一个循环用来输出“Hello”，次数由用户说了算。完整的代码如下：

@{
    ViewBag.Title="Welcome";
}

<h2>Welcome</h2>

<ul>
   @for (int i=0; i < ViewBag.NumTimes; i++) {
      <li>@ViewBag.Message</li>
   }
</ul>

运行应用程序浏览如下的URL：http://localhost:xx/HelloWorld/Welcome?name=Scott&numtimes=4

现在数据通过URL自动地传递给控制器。控制器打包数据到ViewBag对象，并传递ViewBag对象给视图。视图以HTML的实行显示数据给用户。

原文网址：http://www.asp.net/mvc/tutorials/getting-started-with-mvc3-part3-cs

以上所分享的是关于Asp.net MVC3.0 入门指南 3.2视图 View，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：本人初学者vs2010要用mvc 3.0需要安什么东西，还有...

　　答：安装VS2010、AspNetMVC3Setup.exe、AspNetMVC3Setup_CHS.exe，若要使用实体数据模型，还需要安装EntityFramework41.exe和EF4.1LanguagePack (zh-CN).exe，需要按以上顺序进行安装。 http://www.microsoft.com/zh-cn/download/details.aspx?id=42... >>详细

　　相关问题：asp.netMVC3.0框架,怎样在视图层的页面使用jquery ...

　　答：MVC有自带的return Json的方法可以讲数据丢到控制器的方法里。你可以用ajax 带上参数用ajax访问控制器里面的方法来交互。你先了解下控制器和视图模型的关系的吧。 >>详细

　　相关问题：ASP.Net MVC3 如何获取View视图上的值？

　　答：你拿这个路径做什么呢。你上传到controllers以后你这个文件就被编译成含有文件名文件大小文件二进制流的一个我认为的json数据发送到controller 所以一般的上传是不能获取到客户端的路径的。再则为了安全性也不需要获取客服端的文件路径 >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

Asp.net MVC3.0 入门指南 3.2视图 View

Asp.net MVC3.0 入门指南 3.2视图 View

以上所分享的是关于Asp.net MVC3.0 入门指南 3.2视图 View，下面是编辑为你推荐的有价值的用户互动：

最新教程

相关教程