如何在ASP.NET剃刀語法使用數據模板

Question

我在asp.net項目工作，我想做出有一些這樣的頁面：

我想把圖片在以前的圖片中，像數據模板，我想以這種方式顯示頁碼...... 是否有一篇好文章或教程可以幫助我執行此操作...因爲我是初學者這個領域....

Answer 1

假設查看模型：

public class ProjectVM 
{ 
    public String ImageUrl { get; set; } 
    public String ProjectName { get; set; } 
} 
public class IndexVM 
{ 
    // nuget> Install-Package PagedList 
    public IPagedList<ProjectVM> projects { get; set; } 
} 

然後控制器：

public class HomeController : Controller 
{ 
    public ActionResult Index(Int32 page = 1) 
    { 
    IndexVM model = new IndexVM 
    { 
     Projects = projectService.GetProjects().ToPagedList(page, 6) 
    }; 
    return View(model); 
    } 
} 

那麼你的觀點：

〜/查看/共享/ DisplayTemplates/ProjectVM.cshtml

@model ProjectVM 
@* Or however you display it... *@ 
<div class="span4"> 
    <img src="@Model.ImageUrl" /> 
    <p>@Model.Name</p> 
</div> 

〜/瀏覽/首頁/Index.cshtml

@mode IndexVM 
@* Or however you display it... *@ 
<div class="content"> 
    <section> 
    <div class="title"> 
     <h1>All projects</h1> 
     <div class="paging"> 
     @Html.PagedListPager((IPagedList)Model.Projects, page => Url.Action("Index", new { page })) 
     </div> 
    @Html.DisplayFor(x => x.Projects) 
</div> 

示例項目中找到on GitHub

Answer 2

是的，你會發現它在真棒書臨ASP.NET MVC 4 第101頁（剃刀）和183（分頁）上。這是必讀的書！

http://www.amazon.com/Pro-ASP-NET-MVC-Adam-Freeman/dp/1430242361/ref=sr_1_1?ie=UTF8&qid=1381864006&sr=8-1&keywords=asp.net+mvc