根据对象ID ASP.net核心MVC在视图中返回对象详细信息

问题描述

我正在建立电话的在线目录,我有两个控制器,一个用于电话目录,另一个用于电话详细信息。有了目录,一切都很好,现在我的目标是在单击电话的名称或照片后查看电话详细信息。目录。我认为使用电话的ID可以更轻松地解决此任务,同时我也使用存储库模式。

此目录的控制器:

public class PhonesCatalog : Controller
    {
        private readonly IPhoneRepository _repository;
        public int PageSize = 6;

        public PhonesCatalog(IPhoneRepository repository)
        {
            _repository = repository;
        }

       
        [HttpGet]
        public IActionResult Catalog(int productPage = 1)
            => View(new ProductsListViewModel 
            { 
                Phones = _repository.Phones
                    .OrderBy(x => x.PhoneId)
                    .Skip((productPage -1) * PageSize)
                    .Take(PageSize),PagingInfo = new PagingInfo
                {
                    CurrentPage = productPage,ItemsPrePage = PageSize,TotalItems = _repository.Phones.Count()
                }
            });
    }

存储库模式:

public interface IPhoneRepository
    {
        IQueryable<Phone> Phones { get; }
        Phone GetPhoneById(int id);
    }
public class EfMobileStoreRepository : IPhoneRepository
    {
        private readonly MobileStoreCatalogContext _context;

        public EfMobileStoreRepository(MobileStoreCatalogContext context)
        {
            _context = context;
        }

        public IQueryable<Phone> Phones => _context.Phones;

        public Phone GetPhoneById(int id) => _context.Phones
                                                    .FirstOrDefault(p => p.PhoneId == id);

    }

这是电话详细信息控制器和视图:

public class PhonesDetails : Controller
    {
        private readonly IPhoneRepository _repository;

        public PhonesDetails(IPhoneRepository repository)
        {
            _repository = repository;
        }

        [HttpGet]
        public IActionResult Details(int id)
        {
            
            return View(_repository.GetPhoneById(id));
        }
    }
@model Mobile_Store_Catalog_wandio.Models.Phone
    <h4>Phone Details</h4>
<div class="row">
            <p>@Model.PhoneName</p>
            <p>@Model.Manufactor</p>
            <p>@Model.OperationSystem</p>
            <p>@Model.Processor</p>
            <p>@Model.Memory</p>
            <p>@Model.ScreenResolution</p>
            <p>@Model.Size</p>
            <p>@Model.Wight</p>
</div>

此处的目录视图:

@model ProductsListViewModel
<h1>Phone Catalog</h1>
<div class="container-fluid">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3 btn-group-vertical text-center">
                Filter
                Search
            </div>
            <div class=" row col-md-9">
                @foreach (var p in Model.Phones)
                {
                    <div class=" col-md-4 border border-dark">
                        <a href="@Url.Action("Details","PhonesDetails")">
                            <img class="img-fluid" src="/Images/@p.ImageName"/>
                        </a>
                        <p class="text-center container">@p.PhoneName</p>
                        <p class="text-white text-center bg-success">@p.Price.ToString("C2")</p>
                    </div>
                }
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div page-model="@Model.PagingInfo" page-action="Catalog" page-classes-enabled="true"
         page-class="btn" page-class-normal="btn-outline-dark"
         page-class-selected="btn-primary" class="btn-group-toggle m-1 al">
    </div>
</div>

这是ProductViewList代码:

public class ProductsListViewModel
    {
        public IEnumerable<Phone> Phones { get; set; }
        public PagingInfo PagingInfo { get; set; }
    }

问题是,当我单击电话图像时,它仅获取电话的第一个ID并返回其详细信息,无论单击哪个图像都无关紧要,但我不仅需要按ID返回详细信息第一个ID电话详细信息。

我在这里做错了什么,有人可以帮我吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)