Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan PHP eğitim setinin 179. dersi olup, web geliştirme konusunda kapsamlı bir eğitim içeriğidir.
- Video, PHP ve jQuery kullanarak menülerin nasıl sıralanacağı ve bu sıralamaların veritabanına nasıl kaydedileceği konusunu ele almaktadır. İçerik, menü tablosuna "order" sütunu ekleme, jQuery Sort eklentisi ile sürükle-bırak sıralama yapma, menülerin görsel olarak sıralanması ve AJAX ile sıralama güncelleme işlemlerini adım adım göstermektedir.
- Eğitimde ayrıca jQuery UI eklentisinin kullanımı, menü ailelerinin (ana sayfa, hakkımızda, politikalar, iletişim) doğru sıralamaya göre yerleştirilmesi ve güncelleme sonrası yeni listeyi AJAX ile geri çekme işlemleri detaylı olarak anlatılmaktadır. Bu eğitim, web geliştirme ve menü yönetimi konusunda temel bilgi edinmek isteyenler için faydalı bir kaynak niteliğindedir.
- PHP ve jQuery ile Sıralama Yapma
- Bu derste PHP ve jQuery kullanarak sıralama yapma ve bu sıralamayı veritabanına kaydetme işlemi gösterilecek.
- Sıralama için jQuery Sort eklentisi kullanılacak.
- Sıralama örneği olarak menülerin sıralanması yapılacak.
- 00:40Veritabanı Tablosu Oluşturma
- Menü tablosuna "menu_order" adında integer türünde bir sütun ekleniyor.
- Menülerin sıralaması için id'ler 1, 2, 3, 4 olarak değiştiriliyor.
- Menü id'leri ile sıralama sütunu arasındaki karışıklık önlemek için id'ler 6, 7, 8, 9 olarak yeniden düzenleniyor.
- 01:26jQuery Sort Eklentisi
- jQuery Sort eklentisi indiriliyor ve sürükle-bırak şeklinde sıralama yapma özelliği gösteriliyor.
- Grid sistemi ve portre sıralaması gibi farklı sıralama seçenekleri de mevcut.
- Sürükle-bırak sıralama için jQuery UI eklentisinin indirilmesi gerekiyor.
- 02:47jQuery UI Eklentisinin Kurulumu
- jQuery UI eklentisinin kaynak dosyası indiriliyor.
- İndirilen dosya PHP klasörünün içindeki JavaScript klasörüne atılıyor.
- jQuery UI.js dosyası başarıyla çağrılıyor.
- 03:23Tablo Oluşturma
- Menülerin sıralanması için Bootstrap'tan hazır bir tablo kullanılıyor.
- Tablo siyah renge boyanıyor ve genişliği 8 olarak ayarlanıyor.
- Tabloda sadece menü sırası ve menü ismi gösterilecek, diğer sütunlar siliniyor.
- 05:02PHP ile Menü Sıralama İşlemi
- List adında bir değişken oluşturulup, get row ile tüm kayıtlar çekiliyor ve menü order sütununa göre küçükten büyüğe doğru sıralanıyor.
- For döngüsü kullanılarak liste elemanları boşaltılıp, menü isimleri ve sıralamaları ekrana yazdırılıyor.
- Menü isimleri kalın yazı tipiyle gösteriliyor ve tablo satırları doğru bir şekilde sıralanıyor.
- 07:31jQuery ile Menü Sıralama
- Menü sıralaması için bir üst ebeveyn elementi (örneğin div) oluşturulup, class özelliği veriliyor.
- jQuery başlatma komutu ve sıralama fonksiyonu kullanılarak menü elemanları yukarı ve aşağı doğru sıralanabiliyor.
- Sıralama sadece görsel olarak yapıldığı için sayfa yenilendiğinde eski haline dönüyor, bu nedenle PHP'ye ihtiyaç var.
- 09:49Menü Taşıma Efekti
- Menü elemanlarına cursor move özelliği verilerek mouse üzerine geldiğinde taşıma simgesi gösteriliyor.
- Taşıma sırasında opacity değeri düşürülerek taşıma efekti oluşturuluyor.
- Menü elemanlarının sadece yukarıdan aşağıya hareket etmesi için e özelliği kullanılarak y koordinat düzleminde hareket ettiriliyor.
- 12:43Sıralama Verilerini Alma
- Sıralama işlemleri için update eventi kullanılıyor.
- Menülerin ailelerine ve sıralamalarına ihtiyaç duyuluyor.
- jQuery ile menü elemanlarının id'si alınarak hangi satırın nereye götürüldüğü ve hangi sıraya sahip olduğu öğreniliyor.
- 14:55AJAX ile Sıralama Güncelleme
- AJAX kullanılarak PHP dosyasına post isteği gönderiliyor ve "sort" işlemi aranıyor.
- AJAX başarılı olursa "sıralama güncellendi" mesajı gösteriliyor ve 1,75 saniye sonra gizleniyor.
- PHP dosyasında gelen liste "pars string" ile parçalanarak "output" adlı bir array'e aktarılıyor.
- 16:46Sıralama Kontrolü
- Sayfa yenilendiğinde sıralama kontrolü yapılıyor ve "order" değerleri kontrol ediliyor.
- Anasayfa 6. sırada, iletişim 9. sırada, hakkımızda 7. sırada ve politikalar 8. sırada yer alıyor.
- Sayfa kaynağını görüntüleyerek "order" değerlerinin doğru şekilde atanması kontrol ediliyor.
- 21:31Sıralama Güncelleme İşlemi
- Foreach döngüsü kullanılarak sıralama güncelleme işlemi başlatılıyor.
- "val" anahtar sözcüğü ile gelen aileler alınıyor ve "order" değerlerine göre sıralama yapılıyor.
- Diziler sıfırıncı indis ile başladığı için, menü ordu sıralaması bir'den itibaren yapılıyor.
- 24:49Foreach Döngüsü ve Sıralama
- Foreach döngüsü, PHP'nin önceden belirlediği sıralamaya göre çalışıyor.
- İlk döngüde 8 numaralı ailenin 1. sırada olduğu biliniyor.
- İkinci döngüde 7 numaralı ailenin 2. sırada olduğu, üçüncü döngüde 6 numaralı ailenin 3. sırada olduğu ve iletişim'in son sıraya yerleşeceği belirleniyor.
- 27:04Menü Sıralama İşlemi
- Menü sıralaması güncelleniyor ve iletişim menüsünün birinci sıraya taşınması gösteriliyor.
- Menü sıralaması güncellendiğinde, iletişim menüsünün dokuzuncu sırada kaldığı gözlemleniyor.
- Menü sıralaması güncellendiğinde, anasayfa birinci, hakkımızda ikinci, politikalar üçüncü ve e-kayıt dördüncü sıraya yerleşiyor.
- 27:44AJAX ile Menü Sıralama
- Menü sıralamasını görmek için yenileme işlemi yapmak yerine, AJAX ile sıralama sonucunu gösterme yöntemi geliştiriliyor.
- HTML dosyasında, yukarıda gönderilen veriyi yazdırmak için bir değişken oluşturuluyor.
- Veritabanı sorgusu tekrarlanarak menü sıralaması güncelleniyor ve AJAX ile JavaScript'e gönderiliyor.
- 29:30AJAX ile Menü Sıralama Uygulaması
- JavaScript'te "send" değişkeni tanımlanıyor ve foreach döngüsü ile liste tekrar çekiliyor.
- Güncellenmiş liste JavaScript ile AJAX ile gönderiliyor ve JavaScript tarafından elementin eşine ekleniyor.
- Menü sıralaması güncellendiğinde, yeni liste otomatik olarak güncelleniyor ve kullanıcı tarafından görülebiliyor.
- 30:18Menü Sıralama Testi
- Anasayfayı birinci, iletişimi son sıraya alarak sıralama güncelleme işlemi test ediliyor.
- İletişim menüsünün ikinci sıraya alınması ve politikaların birinci sıraya alınmasıyla sıralama güncelleniyor.
- Hakkımızda menüsünün ikinci sıraya alınması ve iletişim menüsünün ilk sıraya alınmasıyla sıralama güncelleme işlemi tekrar test ediliyor.