HTML içeriği sunma yöntemi
- PostgREST ve htmx kütüphanesini kullanarak HTML içeriği döndürme ve AJAX isteklerini işleme yöntemine giriş.
- htmx, HTML yanıtları bekler ve bunu kullanarak DOM içindeki öğeleri değiştirir.
Hazırlık ayarları
- Tutorial 0 temel alınarak bir yapılacaklar (to-do) uygulaması oluşturma.
- Kimlik doğrulama olmadan ilerlenir ve
web_anon kullanıcısına todos tablosu üzerinde tüm yetkiler verilir.
- PostgREST'in web tarayıcısından gelen istekleri HTML belgesi olarak tanıması için medya türü işleyicisi olarak
text/html eklenir.
HTML yanıtı oluşturma
- Tailwind CSS kullanarak temel bir HTML dosyası döndüren bir fonksiyon oluşturma.
- Web tarayıcısı, web sayfasını
http://localhost:3000/rpc/index adresinde açabilir.
Yapılacakları listeleme ve oluşturma
- Veritabanına daha önce girilmiş yapılacaklar listesini gösteren bir fonksiyon oluşturma.
- Bu fonksiyon, yapılacaklar listesi şablonunu oluşturmak için kullanılır ve PostgREST endpoint'i olarak kullanılmaz.
- Yapılacakları veritabanına kaydeden bir endpoint ekleme ve
/rpc/index sayfasını düzenleme.
Yapılacakları düzenleme ve silme
api.html_todo fonksiyonunu daha işlevsel hale getirecek şekilde düzenleme.
- Yeni htmx özellikleri ekleme: yapılacak durumunu değiştirme, düzenlenebilir yapılacak HTML'i döndürme, yapılacağı silme.
- Yapılacağı düzenlemek ve veritabanında yapılacağı güncellemek ve silmek için endpoint'ler ekleme.
GN⁺ görüşü
- Bu yazı, PostgREST ve htmx kütüphanesini kullanarak web uygulamalarında dinamik HTML içeriğinin nasıl sunulacağını anlattığı için web geliştiricileri açısından ilgi çekici olabilir.
- AJAX ile eşzamansız web sayfası güncellemeleri modern web geliştirmede önemli bir yer tutar ve bu yazı, bu tür işlevleri uygulamaya yönelik somut örnekler sunar.
- Kullanıcı arayüzünü iyileştirme ve sunucu ile istemci arasındaki iletişimi optimize etme yöntemlerini öğrenmek için iyi bir kaynaktır.
1 yorum
Hacker News görüşleri