使用post显示附加图像如何让它显示

时间:2016-03-14 12:57:37

标签: asp.net-mvc piranha-cms

    <div>
                    <div class="col-md-4">
                        <h3 class="textStrong">Latest Tweets</h3>
                        <a class="twitter-timeline" href="https://twitter.com/RFUK">Tweets by RFUK </a></div>
                        
                    </div>
                    <div class="col-md-4"></div>
                
                <div class="col-md-4">
                    <h2>News Feeds</h2>
 @{   
                     var news = new List<Piranha.Entities.Post>(); 
                         using (var db = new Piranha.DataContext()) { 
                          news = db.Posts 
                          .Include(p => p.CreatedBy) 
                          .Where(p => p.Template.Name == "News Post Types") 
                          .OrderByDescending(p => p.Published) 
                          .Take(4).ToList(); 
   } 
 } 
 
 
                        @foreach (var post in news) { 
                            <div class="post"> 
                             <h2><a href="@UI.Permalink(post.PermalinkId)">@post.Title</a></h2> 
                                 <p class="meta">Published @post.Published.Value.ToString("yyyy-MM-dd") by @post.CreatedBy.Firstname</p> 
                                <p>@post.Excerpt</p> 
                                
                            <img src="@post.Attachments">    
                        
                            </div>

我在处理帖子。我有这个代码可以使用....工作真的很好我可能会添加..但是附加的图像我希望与帖子显示。我怎么能这样做?

                            <img src="@post.Attachments">

它似乎没有任何建议 我如何分类我需要做的事情?

1 个答案:

答案 0 :(得分:0)

与@andreasnico一样,Attachments是引用媒体资产ID的集合。如果你想显示第一个附件(假设你知道它是一个图像),你可能会这样做。

@foreach (var post in news) { 
  <div class="post"> 
    <h2><a href="@UI.Permalink(post.PermalinkId)">@post.Title</a></h2> 
    <p class="meta">Published @post.Published.Value.ToString("yyyy-MM-dd") by @post.CreatedBy.Firstname</p> 
    <p>@post.Excerpt</p> 

    @if (post.Attachments.Count > 0) {
      <img src="@UI.Content(post.Attachments[0])">
    }  
  </div>
}

这将获取第一个附件的内容URL,并将其用作图像的源。请注意,您还可以扩展&amp;通过以下方式裁剪用于此类列表的图像:

<img src="@UI.Content(post.Attachments[0], 300, 100)">

这可以扩展&amp;将图像裁剪为300px宽和&amp; 100px高。您可以在此处详细了解:http://piranhacms.org/docs/api-reference/ui-helper

此外,如果显示帖子列表的页面由CMS控制并且具有页面类型,我建议您考虑向该页面添加PostRegionPostModelRegion。这些区域会自动将一组帖子加载到页面模型中,您可以指定金额,排序顺序和排序。其他一些东西。这将简化您重复使用页面类型,但例如更改要为不同页面实例显示的帖子类型。

此致

哈坎