partial view 以及Document type的关系

最新推荐文章于 2019-12-24 10:26:13 发布

原创最新推荐文章于 2019-12-24 10:26:13 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #razor #class #mvc #layout #image

本文深入探讨了ASP.NET MVC中PartialView与MacroPartialView的概念及使用方式，包括不同类型的PartialView实现、如何通过@Html.Partial与@Umbraco.RenderMacro渲染视图组件，以及它们在Umbraco CMS中的具体应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

partial view

主要有两类，第一纯ASP.NETMVC的partialView概念，基于Razor引擎的，对应目录Partials，@Html.Partial；第二是macroPartial View对应目录MacroPartials，@Umbraco.RenderMacro.

<h2>Let's render a macro (a "partial view"in MVC)</h2>

@Html.Partial("ChildContent")

在我们的Partial目录下有ChildContent.cshtml文件，内容如下：

@inherits RenderViewPage

@using Umbraco.Cms.Web;

  

   <div class="roundedbox">

// Returns the Json value as a dynamic object.

// http://msdn.microsoft.com/en-us/library/system.json.jsonvalue.asdynamic(v=vs.110).aspx

  <h2>Child contentretrieved from the Model</h2>

  @foreach (var item in Model.ChildContent())

  {

    var childName =item.AsDynamic().Name ?? "(No name yet)";

    <p>Child node name:<b><a href="@item.NiceUrl()">@childName</a></b>,of type <em>@item.ContentType.Name</em>.</p>

  }

 

  <h2>Child contentretrieved from the DynamicModel</h2>

  @foreach (var item in DynamicModel.Children)

  {

    var childName = item.Name ??"(No name yet)";

    <p>Child node name:<b><a href="@item.Url">@childName</a></b>, oftype <em>@item.ContentType.Name</em>.</p>

  }

  </div>

从上面的代码可以看出DynamicModel和Model（staticModel）的关系，Model可以做到的，dynamicModel一定可以：

Model

Dynamic model

var childName = item.AsDynamic().Name ?? "(No name yet)";

var childName = item.Name ?? "(No name yet)";

="@item.NiceUrl()"

="@item.Url"

再看一个Partialview: @Umbraco.RenderMacro("bookList")，物理文件没找到：

代码开发的？Macros-BookList？

@inherits PartialViewMacroPage

@using Umbraco.Cms.Web

@using Umbraco.Cms.Web.Macros

@using Umbraco.Framework

 

@foreach (var item in DynamicModel.Children)

{

    var childName = item.Name ??"(No name yet)";

    <divclass="product">

        <h3><ahref="@item.Url">@childName</a></h3>

        <ahref="@item.Url"><img src="@Umbraco.GetMediaUrl(item.Id,"image", 100)" alt="@childName" /></a>

       <p>@(((string)item.AsDynamic().BodyText).StripHtml().Truncate(100))<a href="@item.Url">Read more</a></p>

    </div>

}

PartialViewMacroPage从上面的代码来看，和Razorview看起来内容差不多Umbraco.GetMediaUrl

Razor Partial View

var Homepage = @DynamicModel;

while(Homepage.ContentType.Alias != "homePage")

{

Homepage =Homepage.Parent; //正确定位HomePage,逐层递归到最Home的URL

}

<ul>--- 水平方向

@foreach (var item inHomepage.Children)

{

if (@item.CurrentTemplate!= null)

{

var childName =item.Name ?? "(No name yet)";

<li><ahref="@item.Url">@childName </a></li>

}

</ul>

如何使用CSS

@inherits RenderViewPage

@using System.Web.Mvc

@using Umbraco.Cms.Web;

@{

    Layout ="defaultSite.cshtml";

    ViewBag.Title =DynamicModel.Name;

}

@section Stylesheets

{

    <linkhref="@Url.Content("~/Content/Styles/Faqs.css")"rel="stylesheet" type="text/css" />

}

什么是Documenttype和Contenttype?

以这个FAQ来看，首先FAQ是DocumentType,并且有自己的Template(View)的方式，同时允许FAQcategory作为FAQ的下属（层次关系建立）

同样看FAQcategory,没有Defaulttemplate，也就是纯粹是datamodel的类定义部分，不带有view，同时允许FAQquestion作为下属属性，相当于

FAQ->List<FAQCategory>; FAQCategory->List<FAQQuestion>

@foreach (var f in DynamicModel.Children)

        {

          if (f.ContentType.Alias== "FaqCategory")

          {

            <liclass="category">@Html.Raw(f.BodyText)

                <ul>

                    @foreach (varq in f.Children)

                    {

 

                      if(q.ContentType.Alias == "FaqQuestion")

                      {

                        <liclass="question">

                           @MvcHtmlString.Create(q.QuestionText)

                           <span class="answer">@MvcHtmlString.Create(q.BodyText)</span></li>

                      }

                    }

                </ul>

            </li>

          }

else if (f.ContentType.Alias == "FaqQuestion") //直接是Question?

          {

            <liclass="question">

               @MvcHtmlString.Create(f.QuestionText)

                <spanclass="answer">@MvcHtmlString.Create(f.BodyText)</span></li>

            }

        }

对应以上的代码，效果如下：