Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Flask framework'ünde HTML formlarının nasıl kullanılacağını adım adım göstermektedir.
- Video, Flask WTF paketinin yüklenmesiyle başlayıp, gizli anahtar (secret key) oluşturma, form sınıfı oluşturma ve doğrulama kuralları ekleme aşamalarını kapsamaktadır. Eğitmen, kullanıcı girişi formu örneği üzerinden Flask form sınıflarını (FlaskForm, StringField, PasswordField, CheckboxField, SubmitField) ve validators sınıflarını (DataRequired) nasıl kullanacağını göstermektedir. Ayrıca, formun HTML template'inde nasıl render edileceği ve formun action'ının nasıl belirleneceği anlatılmaktadır. Video, formun sadece GET isteklerini karşıladığını ve post isteklerini karşılamak için bir sonraki derste devam edeceğini belirterek sona ermektedir.
- 00:01HTML Formları İçin Flask WTF Paketi
- Bu derste HTML formları ile çalışılacak ve Flask'te kullanabilmek için "flask-wtf" paketi yüklenecek.
- Oluşturulacak form kullanıcı girişi (login) formu olacak.
- Config dosyasında "secret key" adında bir değişken oluşturulmuş, bu değişken form submit edildiğinde CSRF token anahtarı üretmek için kullanılır.
- 01:22Form Modülü Oluşturma
- "my_app" paketinde "forms" isminde bir modül oluşturulacak ve kullanıcı girişinde kullanılacak gerekli paketler import edilecek.
- Flask WTF paketinden "FlaskForm", "StringField", "PasswordField", "CheckboxField" ve "SubmitField" sınıfları import edilecek.
- Verilerin boş gönderilmemesi için "DataRequired" doğrulayıcı sınıfı da import edilecek.
- 02:54LoginForm Sınıfı Oluşturma
- "LoginForm" sınıfı oluşturulacak ve Flask sınıfını miras alacak.
- Username alanı için "StringField", password alanı için "PasswordField", "RememberMe" alanı için "CheckboxField" ve "SubmitField" sınıfları kullanılacak.
- Her alan için "DataRequired" doğrulayıcı sınıfı eklenerek boş gönderilmemesi sağlanacak.
- 04:19Formun Render Edilmesi
- Formun bir HTML template'inde sunulacağı için önce formun render edilmesi gerekiyor.
- "app.route" ile "login" URL'ine yapılacak istekler için cevap verecek bir "login" metodu oluşturulacak.
- Bu metod "render_template" ile "login.html" sayfasını render edecek ve form nesnesi referansına atanacak.
- 05:54Login.html Dosyası Oluşturma
- "login.html" dosyası oluşturulacak ve "extends" template kalıtımıyla "base.html" dosyası ile genişletilecek.
- Formun action'ı boş, metodu post olarak belirlenecek ve verilerin düzenli durması için table olarak gösterilecek.
- Formun içerisinde username, password, rememberme ve submit alanları Ginger template dilini kullanarak eklenecek.
- 08:51Formun Test Edilmesi
- Formun doğru şekilde extend ve import edildiği kontrol edilecek.
- Program çalıştırıldığında anasayfadan "Giriş Yap" linkine tıklandığında formun geldiği görülecek.
- Form sadece GET isteklerini karşılıyor ve formu render ediyor, POST isteklerini karşılayabilmesi için metod genişletilecek.