学用MVC4做网站五:5.6文章浏览（前台）

今天做文章的前台文章列表。

前台显示比较简单只显示文章标题和发布日期。

首先添加CommonModelController

using Ninesky.Models;
using Ninesky.Repository;
using System.Web.Mvc;namespace Ninesky.Controllers
{public class CommonModelController : Controller{private CommonModelRepository cModelRsy;public CommonModelController(){cModelRsy = new CommonModelRepository();}}
}

在CommonModelController中声明了CommonModelRepository类cModelRsy。

添加一个分部视图PartialList用来显示内容列表，与“我的文章”相似依然用到CommonModelRepository.List函数

/// <summary>/// 内容列表/// </summary>/// <param name="id">栏目Id</param>/// <param name="cChildren">是否包含子栏目</param>/// <param name="page">页码</param>/// <param name="pageSize">每页显示的数目【0表示依栏目设置，如栏目不存在设为20】</param>/// <param name="order">排序【0依栏目设置或默认】</param>/// <param name="view">视图</param>public PartialViewResult PartialList(int id, bool cChildren = false, int page = 1, int pageSize = 0, int order = 0, string view = "PartialList"){if (!cChildren && ((pageSize == 0) || (order == 0))){CategoryRepository _categoryRsy = new CategoryRepository();var _category = _categoryRsy.Find(id);if (_category != null){if (pageSize == 0) pageSize = (int)_category.PageSize;if (order == 0) order = _category.Order;}else if (pageSize == 0) pageSize = 20;}var _cModelPd = cModelRsy.List(id, cChildren, null, null, page, pageSize, order);return PartialView(view,_cModelPd);}

代码很简单，参数的含义也都比较清楚。

在PartialList上右键添加视图，视图内部用foreach循环生成文章标题列表。

@model PagerData<Ninesky.Models.CommonModel>
<div class="cModel_List"><ul>@foreach (var item in Model){<li>@Html.ActionLink(item.Title, "Index", "CommonModel", new { id = item.CommonModelId }, null)  <time>@item.ReleaseDate.ToString("yyyy-MM-dd")</time></li>}</ul>
</div>
@Html.Pager(this.ViewContext.RouteData.Values, Model.Config, "pager", "pager")

 

好，见证奇迹的时刻到了！打开Views/category/index.cshtml在<div class="content_cnt">。。。</div>里面后部添加@Html.Action("PartialList", "CommonModel", new { id = Model.CategoryId })

整个视图如下：

@model Ninesky.Models.Category@{ViewBag.Title = "栏目默认页";Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="banner"><img src="~/Content/Default/Images/banner.jpg" />
</div>
<div class="left"><div class="children"><dl><dt>@Model.Name</dt><dd>@Html.Action("PartialChildren", "Category", new { id = Model.CategoryId })</dd></dl></div>
</div>
<div class="content_cnt"><div class="path">@Html.Action("PartialPath", "Category", new { id = Model.CategoryId })</div>@Html.Action("PartialList", "CommonModel", new { id = Model.CategoryId })
</div>

 

F5浏览器中看下效果。

代码见：学用MVC4做网站五:文章