Python İle Web Sitesi Nasıl Yapılır?

Emre Esmer

Harbi Üye
Forum Üyesi
Katılım
10 Nisan 2019
Mesajlar
6,433
Tepkime puanı
9
Yaş
32
Konum
İstanbul
Cinsiyet
  1. Bay
Takım
Beşiktaş
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.

2560px-Python_logo_and_wordmark.svg.png

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 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 içerisinde “Pycharm” kısmına girilir.
  • “Setting” seçilir.
  • Ardından “Project Interpreter” bölümüne giriş yapılır.
  • Bu bölüme “Flask” kütüphanesi yüklenir.
  • Flask kurulumu tamamlandıktan sonra, proje oluşturma safhasına geçilmektedir. Sırası ile;
  • “Pycharm” üzerinden “New Project” seçilerek, yeni bir proje başlatılır.
  • Menü içerisinde yer alan “Flask” sekmesine gidilir.
  • Bu bölümde oluşturulacak yeni proje ismi tanımlanır.
  • Ardından “Create” seçilerek proje oluşturma aşamasına geçilir.
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;
  • Bir kütüphanede bulunan tanımlı modül içerisinde tanımlar, başka bir modül içine aktarılabilir. Buna kısaca “Import etmek” denilmektedir. Python içerisine Flask kütüphanesi import edilmektedir.
  • Ardından Flask sınıflarından alınan örneğe, URL tanımlaması yapılmaktadır.
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.

U3mgevGv1yfdMFL9gnrtLKVJ-2lyIyuxqTeZE7Mf8qODQ6EjPCh3dk4c6Wh_7FzHPMTpNuLzFgfkM5nuEgKafD34ePer21cE4b9rmnAroeu4b0pRUEAUq8Xn8OFpDcvpPCUghgJM

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.

9F_gO6lN87o1BfXiXRb_PW1KS8px8H0ZvY8sixuYCMt_Yv1vbwwmFHdIFLjTkeng6zJOFo9H6D9s3CvVqbjJQO4Km54nxwfUQxvO-4cL4STJ67Vl-qLn8EEBq9GETZ7KBsid9ZM-

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.

KvgVjJu4ZxPXI_YzOdNaj91jXOK5zT69yFunCc6qGvVdxuAO_-2ygM-YusX38JR4izM_FmsqXIuN9cr1QHr4rFgZZu4mGUWuevQI3MVTqONr-qYjgVGfqPG68zhO9gzm3efDDtcu


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.

s_3attIryI5Dyx3yXodltBTbPgZubvekQHZWiKms9pJKL6kB16VVU01_r02zsnET9ahlTa-3tFMnzb1OpN7zE7RvA-Z9RX3jxdvUMH5CFvuPCLImcJL6GsTdBHAcbh5_6BUjPGgl


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.

kT2TQAeRyR5l2YS0TcvfRN_zCdzRR5GFaG4L2sVHmV_TaucGc1-_i-JXPWaxzLI2RdKq-huDFJVi-I8APrcrG7RmZf6Q8Mqqfjjj-zDrA4gKZM4C1zSiFs1s-htbi0SrRUssS6zK

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.

tk-JblShnPsgbmoRr4MiDM_apMXGIWgg6Ytsx4MUSdwMGB-d-GWmI-9QborHd09g-EDJ_Zxui2izfubxRk3-4sLhL85PgGTmWqsos1BGvZIrDjOY8xAoAz4t21rs4-FpkVG7lJ1I


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.

2Xs7yzBKcHeXnsQoof3TOYpcwf-3yy_j_U7owMoLpbygYUEYCLzol5oxizu30dIHEMT6NJ_wcUbUvVh_ZQ0j8ihI04fPYPN3vWtvccaaRQGBCNFv5fQW6ym6FwsuexrnzUkXTWA-

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.

J_7i1WaAfEfYDj9X0pCHuB6tHERDmgAcF617KBdKqxHbmO1Z6KmjIxOfkKtuxW4-P3QIfHtTsJybkcU03d4QZK-hFM04HEiSzo2ATf7UZLOuUbSMDb4IiYrlUAqSX2zpO7yBgVj7

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.

DXj_q0fsH7541dBwnIVvO871N48h4dsAsOu0kk43ny3ZNvzLqm0D1njW0r9b7uOim94a0WYpO8cYLK8w9UsedOMYRV9k-m4TGckYtM3uFltg7BxW51735Ck4SpTM7B0MZLXcbzew

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.

cdSTldSp5JcYHe93NJxqMzBv1kiFADFmxHgBskuvcsLCJtzhSX6MHEnqdE1zouozMA2ULoNxJrY4erRNWzdUZ5srsRyyb8fu40o4eRnvh65a7Aa3PKq5yJq8Qxka0SAcFruvWtQQ


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.

DSHrC-FueE6_9X8GTMrb4xrGY3iJ_mqy4G6a4NL4y0cHxG50_u3xDE8ZArgZ3lBwRRW7mHj7gNk8f7LMV04HckwZbf4lqfIqbMXOVSXShKYAuovxa2BhrLtifB1bsqBIu51SfP5p

Ö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:






Python Flask Bucket List App




















Python Flask App








Bucket List App




















Bucket List



İlgili port üzerine yönlendir.



Bucket List



İlgili port üzerine yönlendirme yapılmıştır.



Bucket List



Yeni port tanımlanmıştır.








Bucket List



Birden fazla port bulunmuştur.



Bucket List



Portlar arasında geçiş yapılmıştır.



Bucket List



Tanımlı tüm portlar aktiftir.











© Company 2021












Ardından “app.py” dosyası açılarak, “render_template” import edilmelidir. Bu işlem template dosyalarının yorumlanmasında kullanılmaktadır.

ssOLkIg8NitqiIU6DWn6saryz1Yqth4s-oaXXMBXWRAWPhKNO_QmO1nxYFDX6CWDdfch3NKEJVPZ5f-T1kCm3IHxi9ikcEmw4tLsgXnSlXcz2YR0y0oSKfcf4jcB37iy_QA84hac

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.

VQ81rZcJ9M8OFa6oAuIWfpVj_YZYNwfmiO0JxAiVAoKb5aOKLda77hIgb_S79GrkZEBMs76OJXC4xba6SP2kOBmxiCTYfdryoEI44YMOnq2-Slq8CwVni05RO740iKwbYxhD7Og0

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.


python-site-goruntusu.png


Alıntı:
Hosting - Arif USLU
 
İçerik sağlayıcı "paylaşım" sitelerinden biri olan Harbimekan.Com Forum, Eğlence ve Güncel Paylaşım Platformu Adresimizde 5651 Sayılı Kanun’un 8. Maddesine ve T.C.K’nın 125. Maddesine göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. Harbimekan.Com sitesindeki konular yada mesajlar hakkında yapılacak tüm hukuksal Şikayetler için info@harbimekan.com yada iletişim sayfası üzerinden iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 3 Gün (72 Saat) içerisinde Forum yönetimi olarak tarafımızdan gereken işlemler yapılacaktır.

Bu Site, Bilim ve Sağlık Haber Ajansı Üyesidir.

Yığıntı - 8kez - kaynak mağazam - Uğur Ağdaş