Silverlight 2 Digg klient - 3. díl
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Silverlight 2 Digg klient - 3. dílSilverlight 2 Digg klient - 3. díl

 
Hledat
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

Silverlight 2 Digg klient - 3. díl

Google       Google       30. 3. 2009       13 445×

Na pořadu dne je naprogramování komunikace s Digg API a zpracovávání výsledků hledání pomocí LINQu.

Reklama
Reklama

Silverlight 2 má vestavěná API pro práci s REST, SOAP/WS, RSS, JSON a XML HTTP službami a další API pro práci se sockety (System.Net.Sockets), díky kterému můžeme vytvářet aplikace, které komunikují po nějakém ne-HTTP protokolu (ideální pro například chatovací aplikace).

Aplikace v Silverlightu mohou volat adresy na jiné doméně, podle práv nastavených v XML na té dané doméně. V tomto je Silverlight stejný jako Flash a to je jen dobře, administrátoři serveru jen pomocí XML nastaví přístupová práva a Silverlight i Flash se podle těchto pravidel řídí.

Server Digg.com má sadu dobře zdokumentovaných API zveřejněných pomocí HTTP. Mají také nastavená práva pro připojování z jiných domén pro Flash, takže to „zneužijeme“ i pro naši Silverlight aplikaci.

Digg.com List Stories API

Chceme, aby náš uživatel mohl do hledacího políčka zadat například slovo „programming“ a tím mu vylezly záznamy z Digg.com, které to slovo obsahují.

Za tímto účelem využijeme List Stories API. V URL můžeme zadat jako parametr hledané téma a na oplátku dostaneme výpis výsledků ve formátu XML (tedy například požádáme o GET /stories/topic/programming a vrátí se nám výpis výsledků na téma „programming“).

System.Net.WebClient pro asynchronní získání XML

Logickým krokem je zachycení události Click na tlačítku Hledat (viz obrázek výše). To bude probíhat tak, že vezmeme obsah vyhledávacího TextBoxu, dotážeme se Digg serveru na výsledky a on nám je s radostí pošle zpět ve formě XML.

Silverlight tento úkon usnadňuje pomocí třídy WebClient v namespace System.Net (tuto třídu můžete znát i z čistokrevného .NET Frameworku). Pomocí třídy WebClient můžeme asynchronně (to znamená, že stahování může běžet na pozadí a aplikace bude mezitím normálně fungovat) stahovat obsah zadané URL. Ještě před tím, než začneme pomocí metody DownloadStringAsync něco stahovat, musíme zaregistrovat handler události DownloadStringCompleted, ve kterém budeme s výsledným XML dále pracovat. Následuje kód:

private void SearchBtn_Click(object sender, RoutedEventArgs e)
{
    // Získání textu z TopicTB TextBoxu
    string topic = TopicTB.Text;

    // Vytvoření URL pro stažení výsledků z Digg.com
    string diggUrl =
        string.Format(
            "http://services.digg.com/stories/topic/{0}?count=20&appkey=http%3A%2F%2Fprogramujte.com", topic);

    // Práce s WebClientem
    WebClient diggService = new WebClient();
    diggService.DownloadStringCompleted += DiggService_DownloadStoriesCompleted;
    diggService.DownloadStringAsync(new Uri(diggUrl));
}

private void DiggService_DownloadStoriesCompleted(object sender,DownloadStringCompletedEventArgs e)
{
    if (e.Error == null)
    {
        string result = e.Result;

        // Todo: Zpracování XML uloženého v result
    }
}

Povšimněte si použité URL v proměnné diggUrl. Tato URL neslouží pro vyhledávání konkrétních příspěvků na Diggu, ale jejich témat, jejichž aktuální seznam je k vidění ZDE. Klíčová slova, která můžete pro vyhledávání použít, jsou uvedená v druhém sloupci na odkazované stránce.

Parsování XML pomocí LINQ to XML

V této kapitolce si vytvoříme třídu DiggStory, jejíž instance budou reprezentovat jednotlivé výsledky hledání. Z XML souboru, který jsme dostali z výše uvedeného kódu, pomocí LINQu získáme potřebné informace, podle nich vytvoříme instance právě zmíněné třídy a celou tuto kolekci objektů navážeme jako zdroj dat pro ovládací prvek DataGrid, který umožňuje vypisovat data v tabulce.

Začneme popořadě – nejdříve vytvoříme třídu DiggStory a v ní nadefinujeme několik vlastností:

namespace DiggKlient
{
    public class DiggStory
    {
        public int Id { get; set; }
        public string Title { get; set; }
        public string Description { get; set;}
        public int NumDiggs { get; set; }
        public Uri HrefLink { get; set; }
        public string ThumbNail { get; set; }
        public string UserName { get; set; }
    }
}

Teď už můžeme za pomoci LINQu získat data pro jednotlivé vlastnosti z XML souboru. Pokud nevíte, co to LINQ je, tak vězte, že je to technologie, která umožňuje dotazovat se proti nejrůznějším druhům dat pomocí syntaxe podobné SQL. Dále existují tzv. provideři, neboli poskytovatelé, kteří určují „specializaci“ LINQu. My dnes využijeme LINQ to XML (kdo uhodne proč? :-)), ale mezi další a hojně používané patří například LINQ to Objects a LINQ to SQL. O LINQu snad později, v nějakém dalším seriálu. Teď si ukážeme zdrojový kód, který projde staženým XML souborem, dostane z něj data a ta přiřadí do instancí třídy DiggStory (je nutné přidat do projektu referenci na System.Xml.Linq.dll!):

private void DisplayStories(string xmlContent)
{
    // Nezapomeňte importovat System.Xml.Linq.dll!
    // Nutné je přidat namespace System.Xml.Linq

    // Ze stringu zkopírujeme text jako XML
    XDocument xmlStories = XDocument.Parse(xmlContent);


    // Jednotlivé stringy v závorkách jsou odkazy na tagy v XML souboru, viz Digg API
    var stories = from story in xmlStories.Descendants("story")
                  // Zvol každého potomka elementu "story"...
                  where story.Element("thumbnail") != null && // který má něco v elementu "thumbnail"...
                        !story.Element("thumbnail").Attribute("src").Value.EndsWith(".gif")
                  // a jeho atribut "src" nekončí na .gif
                  select new DiggStory // Přiřazení obsahu různých tagů do vlastností
                             {
                                 Id = (int) story.Attribute("id"),
                                 Title = ((string) story.Element("title")).Trim(),
                                 Description = ((string) story.Element("description")).Trim(),
                                 ThumbNail = story.Element("thumbnail").Attribute("src").Value,
                                 HrefLink = new Uri((string) story.Attribute("link")),
                                 NumDiggs = (int) story.Attribute("diggs"),
                                 UserName = story.Element("user").Attribute("name").Value,
                             };
}

Zobrazení dat v DataGridu

Jak už jsme si řekli, získaná data zobrazíme v DataGridu. Je to jednoduché, stačí nastavit doslova jednu vlastnost a máme hotovo. Nejdříve ale musíme ten DataGrid do aplikace vůbec dostat – uděláme to přes Toolbox. Díky tomu, že ho jen přetáhneme, se nám do elementu UserControl sama přidá reference na požadovaný namespace (pokud Toolbox nevidíte, otevřete ho pomocí Ctrl +  Alt +  X). Výplňový TextBlock s textem „Zde budeme vypisovat výsledky“ teď už můžeme smazat, více snad napoví tento kousek kódu:

<!--Toto-->
<TextBlock Grid.Row="1" Margin="10" Foreground="White">
    Zde budeme vypisovat výsledky
</TextBlock>
<!--Nahraďte tímto-->
<data:DataGrid x:Name="StoriesList" Grid.Row="1" Margin="5" >
</data:DataGrid>

DataGrid nám dovoluje nastavit jednotlivé sloupce a podobně, ale my se spokojíme s hodnotami, které si vytvoří on sám. Stačí totiž nastavit vlastnost ItemSource na kolekci objektů DiggStory a schéma tabulky se vytvoří samo podle vlastností třídy DiggStory. Kód tedy vypadá takto a pro dnešek máme hotovo (ještě si všimněte lehce upravené metody DiggService_DownloadStoriesCompleted).

private void DiggService_DownloadStoriesCompleted(object sender,DownloadStringCompletedEventArgs e)
{
    if (e.Error == null)
    {
        DisplayStories(e.Result);
    }
}

private void DisplayStories(string xmlContent)
{
    // Nezapomeňte importovat System.Xml.Linq.dll!
    // Nutné je přidat namespace System.Xml.Linq

    // Ze stringu zkopírujeme text jako XML
    XDocument xmlStories = XDocument.Parse(xmlContent);


    // Jednotlivé stringy v závorkách jsou odkazy na tagy v XML souboru, viz Digg API
    var stories = from story in xmlStories.Descendants("story")
                  // Zvol každého potomka elementu "story"...
                  where story.Element("thumbnail") != null && // který má něco v elementu "thumbnail"...
                        !story.Element("thumbnail").Attribute("src").Value.EndsWith(".gif")
                  // a jeho atribut "src" nekončí na .gif
                  select new DiggStory // Přiřazení obsahu různých tagů do vlastností
                             {
                                 Id = (int) story.Attribute("id"),
                                 Title = ((string) story.Element("title")).Trim(),
                                 Description = ((string) story.Element("description")).Trim(),
                                 ThumbNail = story.Element("thumbnail").Attribute("src").Value,
                                 HrefLink = new Uri((string) story.Attribute("link")),
                                 NumDiggs = (int) story.Attribute("diggs"),
                                 UserName = story.Element("user").Attribute("name").Value,
                             };
    StoriesList.SelectedIndex = -1; // Jen detail, díky tomuto bude zvolená poslední položka tabulky
    StoriesList.ItemsSource = stories;
}

Zkuste si aplikaci spustit, zadat třeba slovo „programming“ (protože se skládá už hotová URL, je nutné zadat požadové slovo přesně) a kliknout na Hledat. Měli byste dostat podobné výsledky jako na obrázku:

A to je konec tohoto dílu, v příštím, kratším, díle se ponoříme do hlubin souboru Page.xaml a naučíme se pracovat se styly.

Zdroj: http://weblogs.asp.net/scottgu/pages/silverlight-tutorial-part-3-using-networking-to-retrieve-data-and-populate-a-datagrid.aspx

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Jakub studuje informatiku na FIT ČVUT, jeho oblíbenou platformou je .NET.
Web     Twitter     Facebook     LinkedIn    

Nové články

Obrázek ke článku Konference: Moderní informační systémy podporují automatizaci

Konference: Moderní informační systémy podporují automatizaci

Současná situace v šíření onemocnění Covid-19 klade na řadu firem nové nároky a mnohé z nich jsou nyní více než kdy jindy závislé na nejmodernějších informačních technologiích. Proto i v oblasti podnikových informačních systémů vidíme rostoucí důraz na automatizaci nebo na důslednou integraci. Také o těchto trendech se bude mluvit na konferenci Firemní informační systémy, která se koná 24.9.2020 v pražském Kongresovém centru Vavruška na Karlově náměstí.

Reklama
Reklama
Obrázek ke článku Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Za cenu šesti dolarů lze celkem bez obtíží koupit nový, líbivě vyhlížející flash disk. Přidaná hodnota, které se vám spolu s ním dostane, už tak moc líbivá není. To, co se před pár sekundami tvářilo jako externí disk, se po připojení k počítači změní v důmyslné elektrické křeslo, které vaše zařízení v onen příslovečný škvarek promění za pár sekund. Cílovou skupinou pro koupi takových zařízení by mohli být záškodníci, kteří by tímto způsobem osnovali pomstu třeba vůči záletnému partnerovi. 

Obrázek ke článku Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Snad nikdy není špatná příležitost na investici do hodnotného vzdělání. Obzvlášť v případě, že absolvent dovede teoretické poznatky přetavit v praktické dovednosti, využitelné při řešení problémů i v komunikaci. Právě na to se specializuje studijní program MBA Řízení informačních technologií, vyučovaný na Business Institutu.

Obrázek ke článku Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Pandemie Covid-19 otřásla trhem práce v základech. Dopady krize pocítilo celkově až 45 % zaměstnanců. Není divu, že čím dál větší jistotu přináší obor IT. Ten zůstal krizí téměř nepoznamenán a při nutnosti začít dělat věci na dálku se ještě více ukázalo, jak moc mnohé firmy kvalitní IT potřebují. Do IT nyní přicházejí začátečníci, kteří v něm vidí lukrativní budoucnost a jistotu, ale i freelanceři a zaměstnanci z oborů zasažených krizí

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032020 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý