Orchard之模版开发

首页 > 代码库 > Orchard之模版开发

2024-07-11 13:08:27 223人阅读

生成新模版之后（参看：Orchard之生成新模板），紧接着就是模版开发了。

一：开发必备之 Shape Tracing

到了这一步，非常依赖一个工具，当然，它也是 Orchard 项目本身的一个 Module，这个工具就是 Shape Tracing。

Shape Tracing：Displays all currently displayed shapes and some information to customize them

好了，不管怎么说，首先，我们来到 Orchard 的后台，Enable 之。这个时候，如果再刷新我们的页面，我们就会见到网页下步存在一个小标签：

点击之，出现：

举个例子来说 shape tracing 的重要性，比如，我们创建了一个 List（参考：Orchard之创建列表），现在显式为：

我们需要修改该页面的显式效果，就需要在新模版下创建对应 content 或 part 的 cshtml，然后在这个 view 中修改显式，这个时候，我们就得知道怎么创建它，这包括：

1：视图名字怎么命名？

2：视图的Model都有些什么样的属性？

而利用 Shape Tracing 的 Shape 页签的 Alternate 下的 Create 就会很容易创建这个视图，比如，在这里，我们要创建的是列表视图，那么我们就要创建这个 Content-Event.Summary.cshtml，如下：

注意，名称中的 Event 是我创建的列表的 Id 号，在 Orchard 后台的 Content 定义中可以看到。

点击 Create 后，在新模版的 Views 文件夹下就生成了这个文件，

现在，我们只要把这个文件在解决方案中引入进来。

二：修改 View

接下来，事情就变得简单了，我们可以看到代码如下：

@using Orchard.Utility.Extensions;
@{
    if (Model.Title != null) {
        Layout.Title = Model.Title;
    }
    Model.Classes.Add("content-item");
    var contentTypeClassName = ((string)Model.ContentItem.ContentType).HtmlClassify();
    Model.Classes.Add(contentTypeClassName);
    var tag = Tag(Model, "article");
}
@tag.StartElement
<span style="color:red;"> @Display(Model.Header)</span>
<a href="http://www.mamicode.com/@Model.ContentItem.AutoroutePart.Path" style="color:red;"> @Model.ContentItem.AutoroutePart.DisplayAlias</a>
        @*@if (Model.Meta != null) {
            <div class="metadata">
                @Display(Model.Meta)
            </div>
        }*@
    @*@Display(Model.Content)*@
    @if(Model.Footer != null) {
        <footer>
            @Display(Model.Footer)
        </footer>
    }
@tag.EndElement