Przejdź do głównej zawartości
Codex13

65. Rejestr szablonów emaili

Cel projektu

Dział zatytułowany „Cel projektu”

Rejestr szablonów emaili

Aplikacja do przechowywania gotowych szablonów wiadomości e-mail: dodawanie szablonu (nazwa, temat, treść), wyszukiwanie, podgląd i kopiowanie treści do schowka jednym kliknięciem.

Czego się nauczysz?

Dział zatytułowany „Czego się nauczysz?”
  • Tworzenia bazy szablonów tekstowych w JSON
  • Wyszukiwania pełnotekstowego po wielu polach
  • Kopiowania tekstu do schowka (JavaScript Clipboard API)
  • Tagowania szablonów

Dlaczego to jest ważne?

Dział zatytułowany „Dlaczego to jest ważne?”

Biblioteki szablonów e-mail są standardem w firmach: obsługa klienta, marketing, HR. Ta aplikacja uczy tworzenia małego systemu zarządzania treścią (mini-CMS) z wyszukiwaniem.

Co ma robić aplikacja?

Dział zatytułowany „Co ma robić aplikacja?”
  1. Formularz dodawania szablonu (nazwa, temat, treść, tagi)
  2. Lista szablonów z wyszukiwaniem po nazwie i tematyce
  3. Podgląd szczegółów szablonu
  4. Przycisk „Kopiuj temat” i „Kopiuj treść” (JS)
  5. Edycja i usuwanie szablonu

Dane i ich struktura

Dział zatytułowany „Dane i ich struktura”
{
  "templates": [
    {
      "id": 1,
      "title": "Potwierdzenie zamówienia",
      "subject": "Potwierdzenie zamówienia nr {{order_id}}",
      "body": "Szanowny Kliencie,\n\nDziękujemy za złożone zamówienie nr {{order_id}}...",
      "tags": ["sklep", "zamowienie"],
      "created_at": "2026-02-10"
    }
  ]
}

Warianty realizacji

Dział zatytułowany „Warianty realizacji”
  • Formularz dodawania szablonu
  • Lista szablonów z podglądem
  • Walidacja: nazwa i treść wymagane
  • Zapis do JSON
Ocena: 3.0

Przydatne fragmenty kodu

Dział zatytułowany „Przydatne fragmenty kodu”
<?php
// Wyszukiwanie pełnotekstowe
function searchTemplates(array $templates, string $query): array {
    if (empty(trim($query))) return $templates;
    $q = mb_strtolower($query);
    return array_values(array_filter($templates, function($t) use ($q) {
        return str_contains(mb_strtolower($t['title']), $q)
            || str_contains(mb_strtolower($t['subject']), $q)
            || str_contains(mb_strtolower($t['body']), $q);
    }));
}
// Kopiowanie do schowka (JavaScript)
async function copyToClipboard(text) {
    try {
        await navigator.clipboard.writeText(text);
        showToast('Skopiowano!');
    } catch (err) {
        // Fallback dla starszych przeglądarek
        const textarea = document.createElement('textarea');
        textarea.value = text;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);
        showToast('Skopiowano!');
    }
}

Najczęstsze błędy

Dział zatytułowany „Najczęstsze błędy”

Zasoby

Dział zatytułowany „Zasoby”
MDN: Clipboard API Kopiowanie do schowka
PHP: str_contains() Wyszukiwanie podciągu

Do dzieła!

Dział zatytułowany „Do dzieła!”

Twoja biblioteka szablonów!

Zacznij od formularza i listy szablonów. Przycisk „Kopiuj” to świetny efekt końcowy — dodaj go jako ostatni.