ASP.NET MVC: История одного проекта Главная страница (часть 12)
Содержание
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;"> @{ Html.RenderAction("preview", "lenta"); } @Html.ActionLink("лента юмора", "index", "lenta", null, new { @class = "button" }) </div> <div style="width: 470px; float: right; padding: 6px;"> @{ Html.RenderAction("preview", "museum"); } @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, и поэтому я думаю, вам не будет интересен этот материал. Но если что-то из указанного вас заинтересовало - отпишитесь в комментариях.
Надеюсь, материал был полезным. Спасибо всем кто поучавствовал в развитии проекта своими комментариями, советами и конструктивной критикой.
Подробнее: http://feedproxy.google.com/~r/blogmusor/~3/0ta2mpunhK0/87


Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2025-03-14 » SPF-запись
- 2025-03-07 » SEO на маркетплейсах: как оптимизировать карточку товара для поисковой выдачи
- 2025-02-18 » Топ-10 бесплатных нейросетей для генерации изображений: лучшие ии генераторы 2024 года
- 2025-02-11 » Критическая уязвимость в 1С-Битрикс
- 2025-02-11 » Google Search Console: руководство для начинающих вебмастеров
- 2025-02-11 » Методы измерения результативности рекламных кампаний: плюсы и минусы
- 2025-02-11 » Тренды SEO в 2025 году
- 2025-02-10 » Свой Google в локалке. Ищем иголку в стоге сена
- 2025-01-29 » SEO — это комплексная работа. Шесть главных факторов ранжирования сайтов
- 2025-01-29 » Гайд для главной страницы e-commerce сайта: как оформить, чтобы повысить конверсию
- 2025-01-20 » Krea AI выпустила бесплатную функцию преобразования изображений в 3D-объекты — их можно вращать и вписывать в фотографии
- 2025-01-19 » Отзывы на Яндекс Картах: как пройти модерацию
- 2025-01-15 » Топ-6 лучших российских нейросетей, в которых можно генерировать тексты и изображения бесплатно и без VPN
- 2025-01-14 » 15 бесплатных способов узнать, чем интересуется ваша аудитория
- 2025-01-11 » Бездепозитные бонусы в казино за регистрацию с выводом: особенности и возможности получения
- 2025-01-09 » Новая модель LAM способна выполнять задачи в Word
- 2024-12-26 » Универсальный промпт для нейросети: как выжать максимум из ChatGPT, YandexGPT, Gemini, Claude в 2025
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
Кто мало хочет, тот дешево стоит |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.
Или напишите нам в WhatsApp
Или напишите нам в WhatsApp