Webmaster Genel Webmasterların fikir alışverişi yapabileceği konulara bu başlık altından ulaşabilirsiniz. |
|
Seçenekler | Stil |
18 Temmuz 2021, 02:02 | #1 |
Python İle Web Sitesi Nasıl Yapılır?
Python, 1990’lı yıllarda Guido Van Rossum’un geliştirmeye başlamış olduğu ve şu an dünya genelinde yoğun olarak kullanılan bir programlama dilidir. Python özellikleri arasında, nesne yönelim, yorumsallık, modülerlik, etkileşim içeriği bulunmaktadır.
Dijital literatürde yer alan tüm programlama dilleri gibi Python da makine mantığıyla, insan mantığının arasında köprü görevi görmektedir. Bir programlama dilinin, makine mantığına yakınlıkta olması, makineler üzerinde daha hızlı işlem yapmayı ve daha hızlı çalışmayı sağlar. Çoğu zaman makine mantığına yaklaşmak, insan mantığından uzaklaşmayı gerektirir, bu yüzden de bir programlama dilinin öğrenilmesi oldukça zordur. Python, sistemsel yapılandırması ile insan mantığına daha yakın şekilde kurgulanmıştır ve bu nedenle yüksek seviyede programlama dilleri arasında yer alır. Python, birçok programlama diline göre öğrenmesi ve uygulaması kolay diller arasındadır. Bu özelliği ile Python ile web sitesi yapmak, oldukça kolaydır. Python İle Web Sitesi Yapma Aşamaları Python ile web sitesi (Web Development) yapmanın bazı temel adımları bulunmaktadır. Python aracılığıyla web sitesi yapmak için Python’nun Fask Framework’ünden yararlanılmaktadır. Geliştirilmesi yapılacak olan ortama ilk aşamada Python kurulumunun yapılması gerekmektedir. Kurulum için gerekli dosyalara [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] ulaşabilirsiniz. Flask Aşaması Flask, Python programlama dili üzerinden web geliştirmelerinin yapıldığı küçük boyutlu bir Framework’tür. Daha ufak ve çok komplike olmayan çalışmalar, Flask üzerinden kolayca yürütülebilir. Flask kurulumu, aşağıdaki şekilde gerçekleştirilir.
Python, Pycharm Flask mimari yapısına uygun bir proje oluşturmaya imkan tanır. Oluşturulan projede, “Static” ve “Templates” adı verilen iki klasör bulunmalıdır. Route kısmının sonraki adımda oluşturacak olduğu bir Python dosyası da bu bölümde yer alır. Opsiyonel olarak “Pure Python” projesi ile bu dosyalar manuel olarak da oluşturulabilmektedir. Routes Aşaması Flask çalışma prensiplerinde, yönlendirme işlemleri oldukça kolaydır. İşlem adımları ise;
Bu bölüm için sadece belirlenmiş yönlendirmelerin yapılması yeterli olmaktadır. Database içerisinde yer alan “User” tablosunda bulunan tüm değerlerin alınması için yapılacak işlemlerden biri, Route fonksiyonlarının yer aldığı Python dosyasına yazılması şeklinde açıklanmaktadır. Import edilebilir yapıda olmayan fonksiyonlar, başka bir alanda çağrılıp, kullanılabilmektedir. Flask çalıştırıldığında ise varsayılan (Default) olarak localhost:5000 portu içinde çalışmaya başlayacaktır. Başka bir yöntem olarak, aşağıdaki örnekte olduğu gibi, “Run” fonksiyonunu kullanarak, belirlenen port numarası ile istenilen port üzerinden çalışması sağlanabilir. API yerine arayüzü olan bir web projesi için run fonksiyonunu, 800 portunda çalıştırmak mümkün olmaktadır. Web projeleri local ortamlarda “debug_mod” ile çalıştırıldığında, hata verdiğinde bu hata tarayıcı tarafından da görüntülenmektedir. Bu bölümde de “Run” fonksiyonu içerisinde “debug=true” eklenmesi, “debug” modunda açılmasını sağlamaktadır. Templates (Tema) Aşaması Bu aşamada yapılacak ilk işlem, Route yapısının içerisinde barındırıldığı Python dosyasına “render_template” dosyasının aktarılması şeklinde olmaktadır. Flask içerisinde HTML dosyaları her zaman “Template” klasöründe tutulmaktadır. Tanımlanan bir URL için HTML dosyalarının render edilmesi “render html” fonksiyonu ile yapılır. Bu işlem ile Templates klasörü altında bulunan HTML dosyaları, bağlantılı URL’lerde render edilmektedir. Render aşamalarında, HTML yönüne Python değişkenleri de gönderilmektedir. Bu işlem, web geliştirmelerinde en sık kullanılan özelliklerden biridir. Route alanından render_template fonksiyonuna parametre olarak gönderilmek istenilen değişken isim ve değerleri de burada tanımlanmaktadır. Bu işlem ile oluşturulmuş olan Route çalıştırıldığı anda “training.html” render edilerek, “html variable” değişkeni içine “my_data” değeri atanarak, HTML tarafına iletilmektedir. Dizinin HTML alanına “{{ }}” parantezler içerisine iletilen değişken yazılmaktadır. Bu şekilde parantez içerisinde alınan bölüm render edilmiş olmaktadır. Sisteme iletilen değişken yalnızca “String” şeklinde değil, tüm veri tiplerine gönderilebilmektedir. Örnek olarak; bir “array” tanımı ile göndererek, HTML alanında döngü kurabilirsiniz. “if” ve “array” içindeki değerler, belirtilen şartlara uygun olarak da işlenmektedir. Yukarıda belirtilen örnekte, Database kullanıcı tablosundan, tüm kullanıcılar çekilerek, bir “array” biçiminde HTML tarafına gönderilmiştir. Ardından belirlenen “array” için bir döngü oluşturulmuştur. Döngü içerisinde tablo oluşturulması ile aktif kullanıcılar mavi renkte, pasif kullanıcılar ise kırmızı renkte tanımlanarak, HTML alanındaki kullanıcıya iletilmiştir. Bu örnekte görüldüğü gibi pek çok koşullandırılmış ifade yazmak mümkündür. Layout (Yerleşim) Aşaması Python ile web sitesi yapmanın en önemli avantajlarından biri de Layout sistemleridir. Layout sisteminin kullanım amacı şu şekilde özetlenebilir. 5 sayfadan oluşan bir kişisel web sitesi yaparken, “Ana Sayfa”, “İletişim”, “Hakkımdaki Bilgiler”, “Hobilerim”, “Kitap Önerilerim” gibi sayfalar açmak mümkündür. Açılan sayfalardan her biri için birer adet “Banner” alanı ve “Footer” kısmı oluşturulabilir. Template Engine kullanılmadığı zaman açılan her 5 sayfa için, “Banner” ve “Footer” alanlarına ait HTML kodlarının her sayfaya “Kopyala / Yapıştır” yöntemi ile eklenmesi gerekir. Her sayfada aynı kod kullanımı olduğunda, hem tekrar oluşmakta hem de üzerlerinde değişiklik yapılacağı zaman ayrı ayrı güncelleme yapmak zorunluluğu ortaya çıkar. Web sitelerinde az sayıda sayfa olduğunda bu durum tolere edilebilir ancak 100’den fazla sayfaya sahip bir web sitesi için bu yöntem işlevsellik sunmamaktadır. Bu noktada en büyük yardımcımız ise Layout yapısı alacaktır. Layout alanına tekrar edilecek olan alanların HTML kodları yazılarak, yeni bir HTML sayfası oluşturulur. Ardından sayfalarda değişiklik gösteren alanlar belirlenir. Bu işlem akışı web tasarım aşamasında hem zamandan hem de iş yükünden tasarruf sağlar. Yukarıda örnek olarak verilen kod diziliminde “{ § § }” karakterlerinin arasına değişim göstermesi istenilen alan isimlendirilmektedir. Bu örnekte “Left –Menu” ve “Footer” arasında kalan alan değiştirilebilir kılınmıştır. Web sitesi tasarımında kullanılacak yeni sayfalarda, oluşturulan ana HTML dosyasının aşağıdaki örnekte olduğu gibi extend edilmesi gerekmektedir. Extend işlemi tamamlandıktan sonra, değiştirilebilir kılınan “Block” alanı yeni sayfaya tekrar yazılarak, içinde o sayfada ne olması isteniyorsa, onlar tanımlanmalıdır. Bu şekilde “Banner” ve “Footer” alanları içerisinde yapılacak olan değişiklikler, sadece ana HTML dosyasından değiştirilerek, tüm sayfalarda değişikliğin uygulanması sağlanacaktır. Static Aşaması Python ile web sitesi yaparken, Static klasörünün amacı CSS, JS ve Image dosyalarını barındırmaktır. Tanımlı bu dosyalar, istenilen yerden “url_for” fonksiyonu ile çağırılabilir. Error Handling Aşaması Flask içerisinde oluşan ya da oluşabilecek olan hatalar yakalanmaktadır. Web sayfası hata verdiğinde, kullanıcının belirlenen HTML sayfasına yönlendirilmesi de mümkündür. Bunun için aşağıdaki kod tanımını yapmak gerekmektedir. Örnekte belirtildiği gibi, kullanıcının web sitesinde bulunmayan bir URL’ye gitmesi durumunda, belirlemiş olduğumuz 404 hata sayfasına yönlendirme yapılmaktadır. Belirtilen alanlara kendi web site kodunuzu yazmanız yeterlidir. Python Flask İle Web Sitesine Ana Sayfa Oluşturulması Python ile web sitesi oluştururken Flask Templates klasörü içerisinde “Template” dosyalarını aramaktadır. Bunun için öncelikle Python App klasörü açılarak yeni bir “Templates” dosyası oluşturmak gerekir. Templates klasörü oluşturulduktan sonra içerisinde “index.html” adında bir dosya tanımlanmalıdır. Tanımlanan “index.html” dosyası açılır ve aşağıda belirtilen HTML kodları eklenir. HTML-Kodu<!DOCTYPE html> <html lang=”en”> <head> <title>Python Flask Bucket List App</title> <link href=”http://getbootstrap.com/dist/css/bootstrap.min.css” rel=”stylesheet”> <link href=”http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css” rel=”stylesheet”> </head> <body> <div class=”container”> <div class=”header”> <nav> <ul class=”nav nav-pills pull-right”> <li role=”presentation” class=”active”><a href=”#”>Ana Sayfa</a> </li> <li role=”presentation”><a href=”#”>Hakkımızda</a> </li> <li role=”presentation”><a href=”showSignUp”>Giriş Yap</a> </li> </ul> </nav> <h3 class=”text-muted”>Python Flask App</h3> </div> <div class=”jumbotron”> <h1>Bucket List App</h1> <p class=”lead”></p> <p><a class=”btn btn-lg btn-success” href=”showSignUp” role=”button”>Sign up today</a> </p> </div> <div class=”row marketing”> <div class=”col-lg-6″> <h4>Bucket List</h4> <p>İlgili port üzerine yönlendir.</p> <h4>Bucket List</h4> <p>İlgili port üzerine yönlendirme yapılmıştır.</p> <h4>Bucket List</h4> <p>Yeni port tanımlanmıştır.</p> </div> <div class=”col-lg-6″> <h4>Bucket List</h4> <p>Birden fazla port bulunmuştur.</p> <h4>Bucket List</h4> <p>Portlar arasında geçiş yapılmıştır.</p> <h4>Bucket List</h4> <p>Tanımlı tüm portlar aktiftir.</p> </div> </div> <footer class=”footer”> <p>© Company 2021</p> </footer> </div> </body> </html> Ardından “app.py” dosyası açılarak, “render_template” import edilmelidir. Bu işlem template dosyalarının yorumlanmasında kullanılmaktadır. Ardından “main_method” düzenlemesi yapılır. Bir sonraki işlem adımı ise yorumlanmış “Template” dosyasının return edilmesi olacaktır. Son aşamada tüm değişikliklerin kaydedilmesi. Server yeniden başlatılarak, web tarayıcısından http://localhost:5000 adresine gidilirse, aşağıdaki görsel ekranda görüntülenecektir. Kaynak : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
________________
06/02/2023 İnsan olan herkesin kalbi acıdı.
Konu ExCaLuBuR tarafından (13 Mart 2023 Saat 23:06 ) değiştirilmiştir.. |
|
|
18 Temmuz 2021, 02:11 | #2 |
guzel bilgiler tesekkurler
emeginize saglik
________________
No MoRe DramA
|
|
|
18 Temmuz 2021, 06:44 | #3 |
Emegine saglik
________________
|
|
|
17 Ağustos 2021, 00:16 | #4 |
Emeğine sağlık
________________
bazen insanlar iyilesmek istemez.
cünkü , icindeki acı sevdiklerinin son hatirasidir.. per aspera ad astra ✨ |
|
|
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
|
|