一步步打造简单的MVC电商网站BooksStore(1)(3)

public class BookController : Controller { private readonly IBookRepository _bookRepository; public BookController(IBookRepository bookRepository) { _bookRepository = bookRepository; } /// <summary> /// 详情 /// </summary> /// <returns></returns> public ActionResult Details() { return View(_bookRepository.Books); } }

3.接下来,要创建一个视图 View 了。

一步步打造简单的MVC电商网站BooksStore(1)

4.将 Details.cshtml 的内容替换为下面的:

@model IEnumerable<Wen.BooksStore.Domain.Entities.Book> @{ ViewBag.Title = "Books"; } @foreach (var item in Model) { <div> <h3>@item.Name</h3> @item.Description <h4>@item.Price.ToString("C")</h4> <br /> <hr /> </div> }

5.改下默认的路由机制,让他默认跳转到该页面。

一步步打造简单的MVC电商网站BooksStore(1)

6.还有一点需要注意的是,因为我们使用了 Ninject 容器,并且需要对控制器中的构造函数中的参数IBookRepository 进行解析,告诉他将使用哪个对象对该接口进行服务,也就是需要修改之前的 AddBindings 方法:

一步步打造简单的MVC电商网站BooksStore(1)

7.运行的效果大致如下(因为加了点 CSS 样式,所以显示的效果可能有些许不同),结果是一致的。

一步步打造简单的MVC电商网站BooksStore(1)

五、创建分页

1.在 Models 文件夹新增一个 PagingInfo.cs 分页信息类。

一步步打造简单的MVC电商网站BooksStore(1)

/// <summary> /// 分页信息 /// </summary> public class PagingInfo { /// <summary> /// 总数 /// </summary> public int TotalItems { get; set; } /// <summary> /// 页容量 /// </summary> public int PageSize { get; set; } /// <summary> /// 当前页 /// </summary> public int PageIndex { get; set; } /// <summary> /// 总页数 /// </summary> public int TotalPages => (int)Math.Ceiling((decimal)TotalItems / PageSize); }

2.新增一个 HtmlHelpers 文件夹存放一个基于 Html 帮助类的扩展方法:

一步步打造简单的MVC电商网站BooksStore(1)

public static class PagingHelper { /// <summary> /// 分页 /// </summary> /// <param></param> /// <param></param> /// <param></param> /// <returns></returns> public static MvcHtmlString PageLinks(this HtmlHelper helper, PagingInfo pagingInfo, Func<int, string> func) { var sb = new StringBuilder(); for (var i = 1; i <= pagingInfo.TotalPages; i++) { //创建 <a> 标签 var tagBuilder = new TagBuilder("a"); //添加特性 tagBuilder.MergeAttribute("href", func(i)); //添加值 tagBuilder.InnerHtml = i.ToString(); if (i == pagingInfo.PageIndex) { tagBuilder.AddCssClass("selected"); } sb.Append(tagBuilder); } return MvcHtmlString.Create(sb.ToString()); } }

3.添加完毕后需要在配置文件内加入该命名空间

一步步打造简单的MVC电商网站BooksStore(1)

4.现在要重新修改BookController.cs 控制器内的的代码,并添加新的视图模型类BookDetailsViewModels.cs,让它继承之前的分页类。

一步步打造简单的MVC电商网站BooksStore(1)

public class BookDetailsViewModels : PagingInfo { public IEnumerable<Book> Books { get; set; } }

修改后的控制器代码:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdpfgg.html