一天学会MVC3之Views and Models(视图和模型)

最新推荐文章于 2022-03-03 07:15:04 发布

suzhi921

最新推荐文章于 2022-03-03 07:15:04 发布

阅读量1k

点赞数

分类专栏： MVC3系列文章标签： mvc stylesheet razor asp.net class header

本文链接：https://blog.csdn.net/suzhi921/article/details/7217598

版权

MVC3系列专栏收录该内容

8 篇文章 0 订阅

订阅专栏

@{
    ViewBag.Title = "首页";
}

<h2>This is the Home Page</h2>

上篇文章我们紧紧是返回字符串到首页，那么现在我们想返回一些HTML内容给客户。我们修改HomeController的Index方法

public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{ return View();
}
}

上面的方法我们将用视图代替返回字符串。在这个Index方法上右键添加视图：

点击添加视图后，点击添加按钮，那么在Views下生成Home文件夹以及Index.cshtml，其中Home是控制器，Index.cshtml中的Index是方法（Action）。打开Index.cshtml可以看到使用的是Razor语法，ViewBag.Title是标题。其中Shared文件夹下的_Layout.cshtml是公共站点元素

@{
    ViewBag.Title = "首页";
}

<h2>This is the Home Page</h2>

运行程序测试。

修改_Layout.cshtml如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
    <div id="header">
        <h1>
            ASP.NET MVC MUSIC STORE</h1>
        <ul id="navlist">
            <li class="first"><a href="/" id="current">Home</a></li>
            <li><a href="/Store/">Store</a></li>
        </ul>
    </div>
    @RenderBody()
</body>
</html>

这样，视图就共用一个头元素了，你可以简单的理解为像WEB FORM里的用户控件，其实不是这样的，但是作为理解就先这样吧

到http://mvcmusicstore.codeplex.com/下载程序下来解压，拷贝Content下的Images文件夹以及Site.css，黏贴到我们项目中的Content文件夹下，替换有的文件即可

运行程序如下：