.NET Core中如何将FlickrNet的PhotoCollection传递到Razor视图？

没问题，这其实就是ASP.NET Core MVC里标准的模型传递流程，针对FlickrNet的PhotoCollection只需要注意下类型匹配就行，我给你一步步拆解实现方式：

1. 直接把PhotoCollection作为视图模型传递 #

这是最简单的方式，因为PhotoCollection本身就实现了集合接口，完全可以直接作为视图的模型：

控制器代码示例 #

public IActionResult FlickrPhotos()
{
    // 初始化Flickr客户端（记得替换成你的API密钥）
    var flickr = new Flickr("你的API密钥");
    
    // 构造搜索参数，按需调整
    var searchOptions = new PhotoSearchOptions
    {
        Tags = "sunset",
        PerPage = 20,
        Page = 1
    };
    
    // 获取照片集合
    PhotoCollection photoCollection = flickr.PhotosSearch(searchOptions);
    
    // 直接将集合作为模型传入视图
    return View(photoCollection);
}

对应的Razor视图（FlickrPhotos.cshtml） #

@model FlickrNet.PhotoCollection
@using FlickrNet <!-- 可以在这里引用命名空间，或者全局配置 -->

<h2>Flickr照片展示</h2>
<div class="photo-container">
    @foreach (var photo in Model)
    {
        // 按照Flickr的图片URL规则生成地址，_w代表中等尺寸，可替换为其他尺寸（比如_s小图、_b大图）
        var photoUrl = $"https://live.staticflickr.com/{photo.Server}/{photo.Id}_{photo.Secret}_w.jpg";
        
        <div class="photo-item">
            <img src="@photoUrl" alt="@photo.Title" />
            <p>@photo.Title</p>
        </div>
    }
</div>

2. 用ViewModel包装集合（适合需要额外数据的场景） #

如果你的视图还需要展示其他信息（比如搜索关键词、总页数、分页控件），建议创建一个ViewModel来封装PhotoCollection和其他数据，这样代码更清晰：

定义ViewModel #

namespace YourProjectName.ViewModels
{
    public class FlickrGalleryViewModel
    {
        public PhotoCollection Photos { get; set; }
        public string SearchKeyword { get; set; }
        public int TotalPages { get; set; }
        public int CurrentPage { get; set; }
    }
}

控制器里组装ViewModel #

public IActionResult FlickrPhotos(int page = 1)
{
    var flickr = new Flickr("你的API密钥");
    var searchOptions = new PhotoSearchOptions
    {
        Tags = "sunset",
        PerPage = 20,
        Page = page
    };
    
    PhotoCollection photoCollection = flickr.PhotosSearch(searchOptions);
    
    // 组装ViewModel
    var viewModel = new FlickrGalleryViewModel
    {
        Photos = photoCollection,
        SearchKeyword = searchOptions.Tags,
        TotalPages = photoCollection.TotalPages,
        CurrentPage = page
    };
    
    return View(viewModel);
}

对应的Razor视图 #

@model YourProjectName.ViewModels.FlickrGalleryViewModel
@using FlickrNet

<h2>搜索"@Model.SearchKeyword"的结果（第@Model.CurrentPage/@Model.TotalPages页）</h2>

<div class="photo-container">
    @foreach (var photo in Model.Photos)
    {
        var photoUrl = $"https://live.staticflickr.com/{photo.Server}/{photo.Id}_{photo.Secret}_w.jpg";
        <div class="photo-item">
            <img src="@photoUrl" alt="@photo.Title" />
            <p>@photo.Title</p>
        </div>
    }
</div>

<!-- 可以在这里添加分页控件 -->
<div class="pagination">
    @if (Model.CurrentPage > 1)
    {
        <a asp-action="FlickrPhotos" asp-route-page="@(Model.CurrentPage - 1)">上一页</a>
    }
    @if (Model.CurrentPage < Model.TotalPages)
    {
        <a asp-action="FlickrPhotos" asp-route-page="@(Model.CurrentPage + 1)">下一页</a>
    }
</div>

3. 全局引用FlickrNet命名空间（优化小技巧） #

如果你不想每个视图都写@using FlickrNet，可以在Views/_ViewImports.cshtml文件里添加这行代码，这样所有Razor视图都能直接识别FlickrNet的类型：

@using FlickrNet

这样操作下来，就能顺利把PhotoCollection传递到Razor视图并展示照片啦！

内容的提问来源于stack exchange，提问作者Winthorpe