Применение поисковых технологий в Интернет-магазине

21.6.2. Использование формата результатов поиска в формате XML

Приведенный ранее формат ответа на запрос JSON может быть представлен в формате XML, как показано в следующем примере. Этот пример содержит те же самые варианты поиска и дает такие же результаты, что и предшествующий ответ на запрос в формате JSON.

<?xml version="1.0"?>
<SearchSuggestion version="2.0" xmlns="http://opensearch.org/searchsuggest2">
  <Query>xbox</Query>
  <Section>
    <Item>
      <Text>Xbox 360</Text>
      <Description>The official Xbox website from Microsoft</Description>
      <Url>http://www.xbox.com</Url>
    </Item>
    <Item>
      <Text>Xbox cheats</Text>
      <Description>Codes and walkthroughs</Description>
      <Url>http://www.example.com/xboxcheatcodes.aspx</Url>
    </Item>
    <Item>
      <Text>Xbox 360 games</Text>
      <Description>Games and accessories</Description>
      <Url>http://www.example.com/games</Url>
    </Item>
  </Section>
</SearchSuggestion>

Формат вариантов JSON не поддерживает использование названий разделов в меню вариантов. В Internet Explorer 8 в качестве названия раздела используется слово "Варианты" (Results) в сочетании с именем поставщика поиска. Например, если создан поставщик поиска "Мой поставщик" раздел вариантов будет иметь название "Варианты: Мой поставщик". XML -формат вариантов также используется в тех случаях, когда требуется упорядочить варианты по нескольким разделам. Помимо названий разделов, формат XML поддерживает визуальные варианты.

Формат XML поддерживает все возможности, доступные для вариантов JSON, а также некоторые дополнительные функции. К этим дополнительным возможностям относятся следующие:

Для настройки названий разделов можно добавить атрибут " title " в элемент Section или использовать разделитель. При необходимости разделители могут включать в себя названия. Ниже приведен пример добавления разделителя " My Text Suggestions " и еще одного разделителя без названия.

<?xml version="1.0"?>
<SearchSuggestion version="2.0" xmlns="http://opensearch.org/searchsuggest2">
  <Query>xbox</Query>
  <Section>
    <Separator title="My Text Suggestions"/>
    <Item>
      <Text>Xbox 360</Text>
      <Description>The official Xbox website from Microsoft</Description>
      <Url>http://www.xbox.com</Url>
    </Item>
    <Item>
      <Text>Xbox cheats</Text>
      <Description>Codes and walkthroughs</Description>
      <Url>http://www.example.com/xboxcheatcodes.aspx</Url>
    </Item>
    <Item>
      <Text>Xbox 360 games</Text>
      <Description>Games and accessories</Description>
      <Url>http://www.example.com/games</Url>
    </Item>
    <Separator />
    <Item>
      <Text>xbox 360 lowest price</Text>
    </Item>
    <Item>
      <Text>xbox 360 news</Text>
    </Item>
  </Section>
</SearchSuggestion>

При выполнении представленного выше кода получается результат, показанный на рис.21.7.

Варианты поиска обычно включают в себя текстовые варианты и сопутствующие термины, которые, возможно, искал пользователь. В браузере Internet Explorer 8 применяется расширенная концепция вариантов поиска, включающая в себя строки запроса, ссылки и изображения. Поставщики поиска могут предоставлять изображения с текстовыми фрагментами или без них в качестве вариантов поиска для заданных пользователем условий. Чтобы добавить визуальный вариант в ответ на запрос, необходимо добавить элемент Image в элемент Item для этого варианта. При этом рекомендуется указать ширину и высоту изображения. Например, чтобы предложить визуальные варианты для термина " Xbox ", необходимо возвращать следующие данные:

<Separator title="My Visual Suggestions" />
<Item>
  <Text>Xbox 360 Game Consoles</Text>
  <Description>Game console systems and packages at a great deal.</Description>
  <Image source="http://www.example.com/xboxconsole.jpg" 
         alt="Xbox 360 Consoles" width="75" height="75"/>
  <Url>http://www.example.com/</Url>
</Item>
<Item>
  <Text>Xbox 360 Wireless Controller</Text>
  <Image source="http://www.example.com/xboxcontroller.jpg" 
         alt="Xbox 360 Wireless Controller" width="75" height="75"/>
</Item>
<Item>
  <Text>Xbox 360 Live Games</Text>
  <Image source="http://www.example.com/live.jpg" 
         alt="Xbox 360 Live Games" width="75" height="75"/>
  <Url>http://www.example.com/games.aspx?q="Xbox 360"</Url>
</Item>

Выполнение приведенного выше кода приводит к получению результатов, показанных на рис.21.8.

В этом примере предлагается URL-адрес с двумя вариантами. В браузере Internet Explorer 8 осуществляется перенаправление пользователя непосредственно на страницу с заданным URL-адресом. Если URL-адрес не указан, в качестве условия поиска используется значение элемента Text (Xbox 360 Wireless Controller). Чтобы предложить визуальные варианты без текста или описания, необходимо указать URL-адрес, по которому будет осуществляться перенаправление пользователя Internet Explorer 8.

По умолчанию, если визуальный вариант содержит текст, он центрируется по вертикали рядом с изображением. Присваивая атрибуту align значения "top", "middle" или "bottom", можно определить выравнивание текста элементов Text и Description относительно изображения.

Чтобы задать выравнивание текста, добавьте атрибут align к элементу image. Ниже приведен пример, в котором атрибуту align присваивается значение "top".

<Image source="http://www.example.com/xboxconsole.jpg" 
       alt="Xbox 360 Consoles" width="75" height="75" align="top"/>

21.6.3. Добавление в поисковое расширение Интернет-магазина визуальных подсказок

Разработаем подсказки в формате XML. При этом хранить большой набор XML файлов не имеет смысла, так как угадать все возможные запросы пользователя не представляется возможным, а для созданных файлов будет сложно поддерживать их актуальность. Также нас не устраивает и создание веб-сервиса, так как при использовании поиска используется HTTP GET.

Для того чтобы реализовать поиск, добавим в корень нашего приложения asp-handler SearchSuggestion.ashx. Соответственно, так как новый класс SearchSuggestion реализует интерфейс IHttpHandler, пользователи и браузер могут обращаться по адресу http://localhost:31770/AWCDShop/SearchSuggestion.ashx для получения результата работу обработчика SearchSuggestion.

В метод ProcessRequest, который и будет обрабатывать полученный запрос, добавим следующий код:

context.Response.ContentType = "text/plain";
var q = context.Request["query"];
if (q==null) q = "";
DataClassesDataContext dcdc = new DataClassesDataContext
     ("Data Source=localhost;Initial Catalog=AdventureWorks;Integrated Security=True");

var query = from p in dcdc.Products where p.Name.Contains(q) select p;
query = query.Take(10);
var sb = new StringBuilder();

MemoryStream ms = new MemoryStream();
string str = "";
XmlTextWriter writer = new XmlTextWriter(ms, Encoding.UTF8);
writer.WriteStartDocument();
writer.WriteStartElement("SearchSuggestion");
writer.WriteAttributeString("version","2.0");
writer.WriteAttributeString("xmlns",null, null, "http://opensearch.org/searchsuggest2");
writer.WriteStartElement("Query");
writer.WriteAttributeString("xml", "space",null, "preserve");
writer.WriteValue(q);
writer.WriteEndElement();
writer.WriteStartElement("Section");
foreach (Product p in query)
{
  writer.WriteStartElement("Item");
  writer.WriteStartElement("Text");
  writer.WriteAttributeString("xml", "space", null, "preserve");
  writer.WriteValue(p.Name);
  writer.WriteEndElement();
  
  writer.WriteStartElement("Url");
  writer.WriteAttributeString("xml", "space", null, "preserve");
  writer.WriteValue("http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query="+p.Name);
  writer.WriteEndElement();
  
  writer.WriteStartElement("Description");
  writer.WriteAttributeString("xml", "space", null, "preserve");
  writer.WriteValue((p.ProductModel != null 
                  p.ProductModel.ProductModelProductDescriptionCultures.Count > 0)
                     ? p.ProductModel.ProductModelProductDescriptionCultures[0].ProductDescription.
                           Description
                     : "");
  writer.WriteEndElement();

  writer.WriteStartElement("Image");
  writer.WriteAttributeString("xml", "space", null, "preserve");
  writer.WriteAttributeString("width", "80");
  writer.WriteAttributeString("height", "49");
  writer.WriteAttributeString("align", "middle");
  writer.WriteAttributeString("source", 
            "http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/" +
            p.ProductProductPhotos[0].ProductPhoto.ThumbnailPhotoFileName);
  writer.WriteEndElement();
  
  writer.WriteEndElement();
}
writer.WriteEndElement();
writer.WriteEndElement();
writer.WriteEndDocument();
writer.Flush();
ms.Position = 0;
var sr = new StreamReader(ms);

context.Response.Write(sr.ReadToEnd());

Разберем этот код. Вначале мы определяем Mime-type ответа обработчика как "text/plain". Затем извлекаем переданный через запрос параметр query, и при помощи LINQ выбираем первые 10 продуктов, которые содержат в своем имени переданную строку. Выбирать более 10 не имеет смысла еще и потому, что IE отображает не более 10 подсказок. Далее при помощи класса XMLTextWriter формируем соответствующий XML файл.

В конце записываем содержимое XML -документа, хранящиеся в потоке ms в Response.

Вот вариант ответа обработчика на запрос " bike ":

<?xml version="1.0" encoding="utf-8" ?>
<SearchSuggestion version="2.0" xmlns="http://opensearch.org/searchsuggest2">
  <Query xml:space="preserve">bike</Query>
  <Section>
    <Item>
      <Text xml:space="preserve">All-Purpose Bike Stand</Text>
      <Url xml:space="preserve">http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query=All-Purpose Bike Stand</Url>
      <Description xml:space="preserve">
         Perfect all-purpose bike stand for working on your bike at home. Quick-adjusting clamps and steel construction.
      </Description>
      <Image xml:space="preserve" width="80" height="49" align="middle" 
             source="http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/no_image_available_small.gif" />
    </Item>
    <Item>
      <Text xml:space="preserve">Bike Wash – Dissolver</Text>
      <Url xml:space="preserve">
         http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query=Bike Wash – Dissolver
      </Url>
      <Description xml:space="preserve">
         Washes off the toughest road grime; dissolves grease, environmentally safe. 1-liter bottle.
      </Description>
      <Image xml:space="preserve" width="80" height="49" align="middle" 
             source="http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/no_image_available_small.gif" />
    </Item>
    <Item>
      <Text xml:space="preserve">Hitch Rack – 4-Bike</Text>
      <Url xml:space="preserve">
         http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query=Hitch Rack – 4-Bike
      </Url>
      <Description xml:space="preserve">
         Carries 4 bikes securely; steel construction, fits 2" receiver hitch.
      </Description>
      <Image xml:space="preserve" width="80" height="49" align="middle" 
             source="http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/no_image_available_small.gif" />
    </Item>
    <Item>
      <Text xml:space="preserve">Mountain Bike Socks, L</Text>
      <Url xml:space="preserve">
         http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query=Mountain Bike Socks, L
      </Url>
      <Description xml:space="preserve">
         Combination of natural and synthetic fibers stays dry and provides just the right cushioning.
      </Description>
      <Image xml:space="preserve" width="80" height="49" align="middle" 
             source="http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/no_image_available_small.gif" />
    </Item>
    <Item>
      <Text xml:space="preserve">Mountain Bike Socks, M</Text>
      <Url xml:space="preserve">
         http://localhost:31770/AWCDShop/products/ProductsSearch.aspx?query=Mountain Bike Socks, M
      </Url>
      <Description xml:space="preserve">
         Combination of natural and synthetic fibers stays dry and provides just the right cushioning.
      </Description>
      <Image xml:space="preserve" width="80" height="49" align="middle" 
             source="http://localhost:31770/AWCDShop/products/images/ProductImages/thumbs/no_image_available_small.gif" />
    </Item>
  </Section>
</SearchSuggestion>

Теперь запустим браузер и проверим результат работы рис.21.9.

21.7. Ключевые термины

Интернет-поиск, OpenSearch, Search Suggestions, Поисковое расширение, Файлы описания OpenSearch, JSON, XML.

21.8. Краткие итоги

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