1

我正在创建一个我想要的个人 flickr 页面,以便显示我的 flickr 照片、收藏等。

我正在使用 asp.net mvc 3 技术执行此操作。这个小项目实际上是我试图为自己完成的第一个真正的项目。看看我是否掌握了 MVC 的基础知识。

因此,我建立了一个小型框架,以便能够通过 Flickr 进行身份验证并获取我的请求的 JSON 响应。(包含图像数据)

我将这些图像渲染为列表。这是对此的看法:

<body>
<div id="container">
<div id="slideshow">
    <ul id="slides">
        @Html.Partial("PhotoList", Model)
    </ul>
</div>
</div>

这是使用以下类型的强类型视图:

    public class FlickrPhotoCollection
    {
       public string size { get; set; }
       public List<FlickrPhoto> photo { get; set; }
    }

如您所见,它包含一个带有照片对象和大小的列表。size 属性是设置图像的大小。(“t”=缩略图,“m”=中等,....)

接下来使用另外两个局部视图:

照片列表:

  @model FlickrPhotoCollection               
  @ViewBag.Size = @Model.size;

  @foreach (FlickrPhoto p in Model.photo)
  {
      <li>                   
        @Html.Partial("Photo", p)          
      </li>
   }

照片:

@model FlickrPhoto

<img src="@(Model.display()" name="modal" class="photo" ref="@Model.owner" flickrId="@Model.id" />

FlickrPhoto 的显示方法会根据需要的大小返回实际图像的路径。

private string display(string size)
    {
        if (!string.IsNullOrEmpty(size))
        {
            size = "_" + size;
        }
        return String.Format("http://farm{0}.static.flickr.com/{1}/{2}_{3}{4}.jpg", farm, server, id, secret, size);
    }

如您所见,此方法需要一个大小参数,而我没有在视图中传递大小参数。

我的问题:我应该在我的代码中进行哪些更改,以便正确传递 size 参数?

结果应该是我可以在控制器中设置大小参数,并且我的视图将根据此参数呈现不同大小的图像。

这是我希望我的控制器的样子:

 public ActionResult PhotoViewer()
    {
        FlickrMethods flickrmethods = new FlickrMethods();
        FlickrPhotoCollection photocollection = flickrmethods.getPublicPhotos("57820970@N06", "1");
        photocollection.size = "b";
        return View(photocollection);
    }

我再次重复我的问题:如何将大小“b”传递给在我的局部视图“照片”中使用的 FlickrPhoto 类的显示方法?

我希望我说得足够清楚才能理解。

谢谢!

4

1 回答 1

1

您将需要将该size属性放入FlickrPhoto类中并在您的加载方法中相应地设置它。然后在您的照片视图中,您可以替换它:

<img src="@(Model.display()" name="modal" class="photo" ref="@Model.owner" flickrId="@Model.id" />

有了这个:

<img src="@(Model.display(Model.size))" name="modal" class="photo" ref="@Model.owner" flickrId="@Model.id" />
于 2012-04-29T12:25:55.197 回答