ASP.NET MVC: История одного проекта "Главная страница" (часть 12)

ru-RU | создано: 01.07.2012 | опубликовано: 01.07.2012 | обновлено: 31.12.2017 | просмотров за всё время: 143081

Не знаю как у других программистов, а меня обычно получается заниматься главной страницей сайта в последнюю очередь. В силу того, что она является неким начало пути посетителя и содержит понемногу контента со всех остальных разделов.

Содержание

ASP.NET MVC: История одного проекта "Готовимся к старту" (часть 1)
ASP.NET MVC: История одного проекта "Всё ради данных" (часть 2)
ASP.NET MVC: История одного проекта "Шаблоны и внешний вид" (часть 3)
ASP.NET MVC: История одного проекта "Еще немного классов" (часть 4)
ASP.NET MVC: История одного проекта "UI - всё для пользователя" (часть 5)
ASP.NET MVC: История одного проекта "UI - Добавление экспоната" (часть 6)
ASP.NET MVC: История одного проекта "UI - Редактирование экспоната" (часть 7)
ASP.NET MVC: История одного проекта "Обработка ошибок" (часть 8)
ASP.NET MVC: История одного проекта "Фильтрация" (часть 9)
ASP.NET MVC: История одного проекта "Поиск" (часть 10)
ASP.NET MVC: История одного проекта "Облако тегов" (часть 11)
ASP.NET MVC: История одного проекта "Главная страница" (часть 12)

Задача на этот раз

Не знаю как у других программистов, а меня обычно получается заниматься главной страницей сайта в последнюю очередь. В силу того, что она является неким начало пути и содержит по немногу контента со всех остальных разделов. У меня на главной странице должны появиться: лента анекдотов и музей экспонатов. И те и другие должны отображать последние добавленные записи. В начале цикла статей, я писал о том, что хочу на главной странице показывать и ленту отбора и уже отобранные экспонаты.

Экспонаты главной

Я покажу как я сделал UserControl для экспонатов, для ленты отбора нужно проделать всё то же самое,а значит дублировать и без того простой код не имеет смыслаю Для начала в контролере Museum создаем метод Preview:

[ChildActionOnly]
public ActionResult Preview() {
  var model = exhibitRepository.AllIncluding(x=>x.Hall,x=>x.Tags)
    .OrderByDescending(x => x.Id)
    .Take(10)
    .ToViewModels();
  return PartialView(model);
}

Обратите внимание на аттрибут ChildActionOnly, который говорит, что данный метод может быть вызван только как PartialView, хотя точнее сказать, может вызываться только из другого метода (ActionResult). Есть метод контролера, значить должно быть и представление (View). У меня уже существую два представления в папке Shared/Templates для экспоната (Exhibit). Но я создам еще одно, еще более простое, чем два предыдущие существующие:

@model Calabonga.Mvc.Humor.Models.ShowExhibitViewModel
<div class="item">
    <div class="info">#<b>@Model.Id</b> от @Html.DisplayFor(model=>Model.CreatedAt)</div>
  <div class="content">
    @Html.Raw(
      Model.Content.CutLongText(
        280, 
        @Html.ActionLink(
          ">>", 
          "show", 
          new { id = Model.Id }, 
          new { @class = "more backblue rounded" }).ToString()
        )
      )
  </div>
</div>

Осталось теперь вызвать этом метод и приладить данные к этому представлению. На странице (в представлении) Index контролера Site добавим вызов метода Preview из контролера Museum как ChildAction. Приведу разметку целиком, а важное выделю жирным шрифтом:

@{
    ViewBag.Title = "Музей юмора 2.0";
}
<div class="clear" style="margin-top: 12px;">
    <div id="toplenta" style="width: 470px; float: left; text-align: right; padding: 6px;">
        @Html.ActionLink("лента отбора экспонатов", "index", "lenta")
    </div>
    <div id="topmuseum" style="width: 470px; float: right; padding: 6px;">
        @Html.ActionLink("отбранные экспонаты", "index", "museum")
    </div>
</div>
<div id="main">
    <div class="clear">
        <div style="width: 470px; float: left; padding: 6px;">
         <strong>   @{ Html.RenderAction("preview", "lenta"); }
</strong>            @Html.ActionLink("лента юмора", "index", "lenta", null, new { @class = "button" }) 
        </div>
        <div style="width: 470px; float: right; padding: 6px;">
         <strong>   @{ Html.RenderAction("preview", "museum"); }
</strong>            @Html.ActionLink("отборный юмор", "index", "museum", null, new { @class = "button" })
        </div>
    </div>
</div>

Обратите внимание на специфический вызов метода html-помощника Html.RenderAction. Для вызова этого метода испозуются фигурные скобки.

Так как у меня уже готов код UserControl и для ленты отбора, я так же добавил и этот контрол для отрисовки на странице. Оба они отмечены в разметке жирным шрифтом.

В качестве заключения к циклу статей

На этом публичная работа над серией статей "История одного проекта" закончена. На самом деле предстоит сделать очень многое, например:

  • WCF-сервис чтобы новой версии сайта продолжила работать программа "Музей юмора" для Windows Phone;
  • плагин для Google-гаджета (а может и не буду, потому что Google заявил, что iGoogle с первого января работать перестанет);
  • плагин для Yandex-гаджета;
  • ТОП-ссылок, взамен того что есть сейчас на сайте;
  • страницу случано отображающую экспонаты;
  • страница с топ-просмотров по каждой категории и в целом по музею;
  • модуль на Silverlight, для администрирования музея и ленты;
  • и много других мелочей...

Описанные пункты не так сильно относятся (или даже вообще не относятся) к разработке на ASP.NET MVC, и поэтому я думаю, вам не будет интересен этот материал. Но если что-то из указанного вас заинтересовало - отпишитесь в комментариях.

Надеюсь, материал был полезным. Спасибо всем кто поучавствовал в развитии проекта своими комментариями, советами и конструктивной критикой.

Комментарии к статье (3)

09.07.2012 10:52:20 ixolit

Спасибо за серию статей!

09.07.2012 11:47:32 Сalabonga

ixolit, рад если это серия кому-то поможет. :)

10.07.2012 14:23:30 giphoper

Спасибо.

Было бы интересно посмотреть по модулю  на Silverlight, для администрирования музея и ленты; (на данном примере)