Главная страница   /   14.2. Использование ASP.NET Web Helpers (ASP.NET MVC 4 в действии

ASP.NET MVC 4 в действии

ASP.NET MVC 4 в действии

Джеффри Палермо

14.2. Использование ASP.NET Web Helpers

ASP.NET команда компании Microsoft выпустила пакет вспомогательных методов, который может использоваться во всех ASP.NET приложениях. Эти вспомогательные методы работают в MVC, но также работают и в технологии ASP.NET Web Pages. Команда Microsoft может обновлять эти вспомогательные методы и публиковать их с помощью NuGet намного быстрее того, как они делали это тогда, когда им приходилось выпускать релизы с помощью всего продукта Visual Studio. Это означает, что за то время, в течение которого вы читаете эту книгу, версия Web Helpers, вероятнее всего, будет выше, нежели та, которая использовалась в этой книге. Давайте рассмотрим то, как установить эти вспомогательные методы с помощью окна NuGet Console, а затем мы будем использовать некоторые из них в проекте.

Для вызова окна NuGet Package Manager Console перейдите в меню Tools и выберите пункт Library Package Manager > Package Manager Console, как это продемонстрировано на рисунке 14-6. После этого действия будет продемонстрировано новое окно в Visual Studio IDE.

Рисунок 14-6: Открытие окна NuGet Package Manager Console.

Для того чтобы установить пакет при помощи консоли, введите следующую команду:

install-package microsoft-web-helpers

При этом используется команда install-package, передающая ID пакета, microsoft-web-helpers. NuGet загрузит, а затем будет ссылаться на комплект в вашем проекте.

Рисунок 14-7 демонстрирует выходной результат консольного окна.

Рисунок 14-7: Установка Microsoft Web Helpers в консоли NuGet.

После установки Web Helpers вы можете приступить к его использованию. Для начала мы будем использовать вспомогательный метод Twitter для того, чтобы продемонстрировать поиск в Twitter в MVC представлении.

Для начала создайте новое представление и обратитесь к вспомогательным методам путем добавления директивы using Microsoft.Web.Helpers. Затем вызовите вспомогательный метод Twitter при помощи метода Search, как это показано ниже.

Листинг 14-1: Использование вспомогательного метода Twitter
@using Microsoft.Web.Helpers
<h2>@ViewBag.Message</h2>
<p>
	@Twitter.Search("MVCiA", width: 800, title: "MVC in Action Tweets")
</p>

Строка 1: Добавляет директиву using

Строка 4: Использует вспомогательный метод Twitter

Выполнение этого в веб-браузере отобразит клиентскую часть виджета Twitter, который делает в Twitter запрос поиска термина "MVCiA" (смотрите рисунок 14-8). Это действительно простой способ добавления в приложение некоторой заготовленной функциональности практически без усилий.

Рисунок 14-8: Использование вспомогательного метода Twitter в MVC представлении

Далее давайте рассмотрим другой вспомогательный метод, доступный в этой библиотеке. Вспомогательный метод LinkShare нарисует иконки и добавит ссылки таким образом, чтобы пользователь вашей страницы или сайта мог легко делиться URL с помощью сайтов популярных социальных сетей. Вы могли бы сделать это самостоятельно, но использование вспомогательных методов позволит вам сделать это быстрее.

После создания нового действия и представления добавьте директиву using в самую верхнюю часть кода представления. Используйте вспомогательный метод LinkShare для создания вспомогательного метода в представлении, как это продемонстрировано в следующем листинге.

Листинг 14-2: Использование вспомогательного метода LinkShare
<h2>LinkShare</h2>
@LinkShare.GetHtml("MVC 4 in Action")

Выходной результат этого вспомогательного метода продемонстрирован на рисунке 14-9. Здесь представлен быстрый виджет, который при помощи простого вспомогательного метода подключает в ваш веб-сайт или приложение возможность обмена информацией в социальных сетях. Использовать код просто, но средство реализации всего этого, действительно, находится во власти NuGet и то, как он делает процесс обнаружения и добавления библиотек в ваш проект беспрепятственным.

Рисунок 14-9: Использование вспомогательного метода LinkShare