背景：

母版是因为有一些网站里的很多网页都是采用相同的布局，所以只需要写一个母版，然后在母版该写不同模板的地方加上@RenderBody()，然后创建不同模块的时候只需要创建视图，然后选择母版就可以了。。 至于，分部，则是@Html.Partial("路径") 。。。。   极大地提高了代码的重用率。

大体步骤:

详细步骤：

一、首先创建一个母板:

二、给该母板设计布局

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>MasterPage</title>

    <style>

        .aa

         {

            text-align:center;

            background-color:#FFFFcc;

        }

        </style>

</head>

<body>

    <div>

        <table width="100%" border="" cellpadding="" cellspacing="">

            <tr class="aa"   >

                <td height="100px" ><h1>这是标题栏</h1></td>

            </tr>

            <tr>

                    <td>

                            <table width="100%" border="" cellpadding="" cellspacing="">

                                <tr>

                                        <td width="" >@Html.Partial("~/Views/NewsTypeLinkPartial.cshtml") </td> //这里是静态分部，括号里的是静态分部的路径名

                                        <td width="" > </td>

                                        <td>@RenderBody() </td>   //这里放不同的模块，是以该母版为基础的

                                </tr>

                            </table>

                    </td>

            </tr>

            <tr class="aa">

                 <td height="100px" ><h1>这是结束栏</h1></td>

            </tr>

            </table>

    </div>

</body>

</html>

三、设计几个用到的分部

注意勾选上创建为分部视图！

代码：（粗糙解释）

<h2>测试</h2>

<div>

    @Html.ActionLink("测试1","ceshi1","Home")<br>

   @Html.ActionLink("测试2","ceshi2","Home")<br>

    测试3<br>

    测试4<br>

</div>

四、创建套用母版的不同模块

注意:勾选上使用布局或母版页！！！

代码：

@{

    ViewBag.Title = "ceshi1";

    Layout = "~/Views/MasterPage.cshtml";

}

<h2>测试1</h2>

随便放

@{

    ViewBag.Title = "ceshi1";

    Layout = "~/Views/MasterPage.cshtml";

}

<h2>测试1</h2>

随便放

五、给每个不同的模块创建动作

namespace 母版.Controllers

{

    public class HomeController : Controller

    {

        //

        // GET: /Home/

        public ActionResult Index()

        {

            return View(); //这里没有创建视图，所以运行的话要用下面的动作

        }

        public ActionResult ceshi1() //套了母板的动作

        {

            return View();

        }

        public ActionResult ceshi2()//套了母板的动作

        {

            return View();

        }

        public ActionResult xiangxi1()//套了母板的动作

        {

            return View();

        }

        public ActionResult xiangxi2()

        {

            return PartialView(); //这个是分部视图，没套模板的

        }

    }

}

效果图：

MVC——母版与分部的更多相关文章

  1. MVC中使用分部视图参数，改变分部视图连接样式

    MVC中使用分部视图参数,改变分部视图连接样式! Controller代码 [ChildActionOnly] public ActionResult Navigator(int tag) { ret ...

  2. 爱上MVC~ajax调用分部视图session超时页面跳转问题

    回到目录 这个问题出现了很多年了,都没有解决,问题是这样的,有一个需要授权才可以访问的分部视图,在一个view中使用ajax的方法去调用它,然后更新页面的局部DIV,这时,如果你长时间不操作,sess ...

  3. [转载]ASP.NET MVC 3的分部视图

    1.什么是分部视图,我们应该什么时候应该用? 作为一个对ASP.NET MVC 模型很熟悉的开发者,他们自然想创建一个内容和代码都可以重用的组件,在web 窗体,我们可以创建一个web用户控件或web ...

  4. 如何应用ASP.NET MVC中的分部视图

    概述: 在ASP.NET Web Form的开发经验中,对于User Control使用比较频繁,可以减少重复的代码,利于页面模块化,这个概念也被引入了ASP.NET MVC.即“分部视图”. 1.创 ...

  5. MVC中的分部视图

    背景: 项目的工期马上就要到了,由于后台封装的很好,我们只需要用心熟悉框架,接下来后台的工作就是简单的代码工作了.原本以为最困难的时期已经过去,可没想到前台才是最困难的. B/S的基础十分薄弱,加上B ...

  6. ASP.NET Core 入门教程 7、ASP.NET Core MVC 分部视图入门

    一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)分部视图简介 ASP.NET Core MVC (Razor)分部视图基础教程 ASP.NET Core MVC (Raz ...

  7. ASP.NET Core 入门笔记8，ASP.NET Core MVC 分部视图入门

    一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)分部视图简介 ASP.NET Core MVC (Razor)分部视图基础教程 ASP.NET Core MVC (Raz ...

  8. webform 转 MVC 飞一般的感觉

    前言: 浅谈webform与mvc,让开发变得更加简单,这里主要通过比较webform与mvc的开发方式,以下全属个人看法,不完善的地方可以留言补充. 正文: 废话不多说,直接说工作中经常用到的地方 ...

  9. Asp.Net MVC 3

    Asp.Net MVC 3   wcf基础教程之 契约(合同)Contract 摘要: 在前几篇博客中我有说到服务的寄宿,就是服务要运行起来必须采取的几种方式,相当于我们可以照葫芦画瓜的效果运行一个w ...

随机推荐

  1. C# ACM poj1002

    排序 public static void acm1002(string[] azx) { string[] a = new string[azx.Length]; ; i < azx.Leng ...

  2. 【转】querystring传递中文出现乱码的问题

    原帖地址:http://www.cnblogs.com/Fly-sky/archive/2009/04/22/1441015.html 现象:近期项目中用到查询字符串传值,如果传递的是英文一切正常,但 ...

  3. nodejs连接MySQL数据库

    在github上搜索orm2 https://github.com/dresende/node-orm2: 在项目文件夹使用npm install orm下载下来,然后书写配置文件 var orm = ...

  4. nodejs学习[持续更新]

    1.退出node process.exit(0) 2.把API从上往下全部看一遍,先混个眼熟. 3. end

  5. [Guava官方文档翻译] 3. 前置条件检查(Preconditions Explained)

    本文地址:http://www.cnblogs.com/hamhog/p/3536964.html 前置条件检查 Guava提供了一些检查前置条件的utilities.我们强烈建议静态import这些 ...

  6. OpenJudge/Poj 1088 滑雪

    1.链接地址: bailian.openjudge.cn/practice/1088 http://poj.org/problem?id=1088 2.题目: 总Time Limit: 1000ms ...

  7. Java抽奖小程序

    package com.test; import java.awt.Color; import java.awt.Font; import java.awt.event.ActionEvent; im ...

  8. mysql常见的hint（转载的）

    mysql常用的hint对于经常使用oracle的朋友可能知道,oracle的hint功能种类很多,对于优化sql语句提供了很多方法.同样,在mysql里,也有类似的hint功能.下面介绍一些常用的. ...

  9. mysql 乱码问题处理

    出现乱码的问题,主要就是因为数据在被处理的过程中,出现了编码和解码不对应造成的.因此解决编码问题的方法也就是在通过让编码和解码的过程能够对应起来就OK了,大学的而是,记得经常搞这个问题,今天又碰到了m ...

  10. jquery鼠标样式

    浏览器是有自带的鼠标样式的,如果某些时候为了保持鼠标样式的统一,或者想指定特定的鼠标样式该怎么办呢?那就要使用自定义了,下面有个不错的示例,喜欢的朋友可以参考下   1.浏览器自带的鼠标样式:  2. ...