Przykład – tworzenie raportu e-mail przy użyciu osadzonego szablonu HTML

W tym przykładzie utworzysz i wyślesz raport, osadzając szablon raportu HTML bezpośrednio w wiadomości e-mail.

Wymagania

• Dostawca poczty e-mail skonfigurowany dla Qlik Cloud dzierżawy. Zobacz: Konfiguracja poczty e-mail na potrzeby raportów i powiadomień

• Rola bezpieczeństwa Private Analytics Content Creator lub wystarczająca rola w przestrzeni do tworzenia raportów w przestrzeni współdzielonej. Zobacz: Uprawnienia

Krok 1: przesłanie przykładowych źródeł

Przykładowe źródła aplikacji można znaleźć tutaj: Przykładowe materiały — raportowanie w aplikacji. Prześlij aplikację i pliki danych do przestrzeni, a następnie ponownie załaduj aplikację. Możesz teraz ukończyć ten przykład.

Krok 2: opracowanie szablonu

Tworzenie nowego szablonu

Dodawanie danych tabelarycznych

Następnie dodaj dane tabelaryczne do szablonu.

Wykonaj następujące czynności:

1. Kliknij w panelu obiektów.

2. Kliknij Dodaj tabelę. Pojawi się lista dostępnych arkuszy.

3. Rozwiń arkusz Sales Tables.

4. Kliknij ikonę obok wykresu Yearly Regional Sales.

5. Z menu rozwijanego wybierz pozycję Indywidualne kolumny.

6. W obszarze Wybierz kolumny do dodania wybierz opcję Wszystkie. Kliknij Dodaj.

   Wykres jest dodawany do szablonu jako struktura tabeli.

7. Po wybraniu nowej tabeli zmień jej następujące właściwości w panelu obiektów:

   • W sekcji Ustawienia tabeli wyłącz opcję Zachowaj formaty źródłowe.

   • Przełącz ustawienie Wyświetl nagłówki na Ukryj.

8. W tabeli dodaj nowy wiersz powyżej istniejącej definicji wiersza. Dodaj nowy wiersz poniżej wiersza zawierającego <tbody><tr>. Wklej następującą treść:

   <th>Order year</th>
   <th>Region</th>
   <th>Sales</th>
   </tr>
   <tr>

Nadawanie stylu tabeli

Następnie nadaj styl elementom tabeli, dodając definicje stylów w elemencie HTML head oraz wbudowane style w samej strukturze table.

Wykonaj następujące czynności:

1. Dodaj nowy wiersz poniżej definicji title szablonu.

2. Wklej następującą treść:

   <style>html { font-family: sans-serif }
   table { border: 2px solid #000000 }
   tr, th, td { border: 1px solid #000000 }
   th { font-size: large }
   td { font-size: medium }</style>

3. Zlokalizuj wiersz w strukturze table, który definiuje dane. Powinien wyglądać następująco:

   <td>%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

4. Dodaj style="text-align: center" do znacznika otwierającego pierwszy element td. Cały wiersz powinien teraz wyglądać następująco:

   <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

   Powoduje to wyrównanie tekstu w pierwszej kolumnie do środka.

Dodawanie dynamicznego tytułu

Następnie utwórz wyrażenie do przechowywania obliczeń zakresu lat dla sprzedaży. Następnie umieść to wyrażenie w tytule raportu, aby zostało osadzone jako temat wiadomości e-mail.

Wykonaj następujące czynności:

1. Kliknij w panelu obiektów.

2. Kliknij Dodaj wyrażenie.

3. W polu Nazwa wpisz YearRange.

4. Wklej następujące wyrażenie w polu Wyrażenie:

   = min(OrderYear)& ' - ' & max(OrderYear)

5. Kliknij polecenie Utwórz.

6. Na powierzchni projektowej znajdź element title. Zastąp cały wiersz następującym:

   <title>Sales Report: </title>

7. We wklejonym właśnie wierszu umieść kursor po Sales Report:

8. W panelu obiektów kliknij Dodaj znacznik wyrażenia.

9. Wiersz powinien teraz wyglądać następująco:

   <title>Sales Report: %YearRange%%</title>

Dodawanie wprowadzenia i zakończenia

Następnie dodaj powitanie i wprowadzenie, a raport zakończ pozdrowieniami.

Wykonaj następujące czynności:

1. Dodaj nowy wiersz poniżej otwierającego znacznika body.

2. Wklej następującą treść:

       <p>Hello,</p>
       <p>The table below outlines regional sales details for the requested years.</p>
   

3. Dodaj nowy wiersz linię poniżej wiersza zawierającego znacznik zamykający tabelę.

4. Wklej następującą treść:

       <p>Regards,</p>
       <p>- Management</p>

Zapisywanie i finalizacja pracy

Kliknij przycisk Zapisz szablon, aby zapisać pracę. Gotowy kod szablonu powinien wyglądać następująco.

<html><head>
  <title>Sales Report: %%YearRange%%</title>
<style>html { font-family: sans-serif }
table { border: 2px solid #000000 }
tr, th, td { border: 1px solid #000000 }
th { font-size: large }
td { font-size: medium }</style>
  </head>
  <body>
    <p>Hello,</p>
    <p>The table below outlines regional sales details for the requested years.</p>
    <table cellspacing="0" style="border-collapse: collapse">
    <tbody><tr>
      <th>Order year</th>
      <th>Region</th>
      <th>Sales</th>
      </tr>
      <tr>
      <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td></tr>
    </tbody></table>
    <p>Regards,</p>
    <p>- Management</p>
</body></html>

Krok 3: dodawanie listy dystrybucyjnej

Dodaj plik listy dystrybucyjnej na karcie Adresaci lub Grupy w sekcji Raportowanie aplikacji. Sprawdź, czy jesteś adresatem dodanym przy użyciu adresu e-mail i czy lista dystrybucyjna nie zawiera żadnych filtrów ani grup.

Informacje na temat list dystrybucyjnych zawiera temat Tworzenie listy dystrybucyjnej do raportu.

Krok 4: tworzenie zadania raportu

Wykonaj następujące czynności:

1. Otwórz kartę Zadania raportu w sekcji Raportowanie aplikacji.

2. Kliknij Utwórz zadanie raportu. Otworzy się okno dialogowe zadania raportowania.

3. Wprowadź Tytuł zadania raportowania.

4. Opcjonalnie dodaj Opis.

   Na karcie Szablon kliknij Dodaj istniejący szablon. Wybierz szablon opracowany powyżej.

5. Kliknij przycisk Dalej. Okno dialogowe zostanie przełączone na kartę Dane wyjściowe.

6. Na karcie okna dialogowego Dane wyjściowe wpisz Nazwę pliku raportu wyjściowego.

7. Kliknij przycisk Dalej, aby przejść do karty Dystrybuuj okna dialogowego.

8. Dodaj siebie jako odbiorcę raportu wyjściowego.

9. W sekcji E-mail wybierz Raport HTML. Spowoduje to osadzenie raportu w wiadomości e-mail zamiast dołączania go jako pliku.

10. Kliknij przycisk Dalej, aby przejść do karty Harmonogram okna dialogowego.

11. Wybierz domyślne ustawienia harmonogramu i kliknij Zapisz.

Krok 5: wysyłanie raportu

Wykonaj następujące czynności:

1. Pozostań na karcie Zadania raportu w sekcji Raportowanie aplikacji.

2. Kliknij obok nowego zadania raportowania.

3. Kliknij Wyślij teraz.

Po otrzymaniu wiadomości e-mail otwórz ją, aby zobaczyć wynik.