SQL Action ile Filtreleme Ekleme

SQL Aksiyon İle Çalışma

About this lesson

Bir Fikrim Var! Web ve Mobil uygulaması kapsamında hazırladığımız Fikir Liste ekranında belirli koşullar doğrultusunda filtreleme işlevi yürütecek bir ekran tasarımı hazırlamıştık. Şimdi bu ekranı fonksiyonel olarak işlevsel hale getirmek için bir SQL aksiyon oluşturalım.

Uygulamamızda kullanıcıların fikirleri daha rahat bulabilmeleri için ekranımıza üç adet kontrol ekledik. Bu kontroller sayesinde ekranda filtreleme yapabiliyoruz. İlk metin girişinde fikir başlığına göre arama yapıyoruz. Select Box aracılığıyla kategoriye göre seçim yapıp filtreleme gerçekleştiriyoruz. İkinci metin girişinde ise fikri oluşturan kişinin adına göre filtreleme yapıyoruz.

Bu filtreleme işlemlerini gerçekleştirmek için bir SQL aksiyon gerekmektedir.

Ekran tasarımı ve fonksiyonları daha önce hazırladığımız Dashboard ekranıyla benzerlik göstermektedir. Bu noktada süreci kolaylaştırmak ve hızlandırmak için Dashboard ekran için oluşturduğumuz özel aksiyonda yer alan SQL sorgusunun içeriğini kopyalayalım. 

  1. Bu işlem için ilk olarak Custom Actions panelini açın.
  2. Dashboard için oluşturduğunuz fikir listeleme aksiyonu bulun ve detay menüsü aracılığıyla aksiyon düzenleme ekranını açın.
  3. Editörde yer alan sorguları kopyalayın.
  4. Custom Actions paneline dönerek yeni bir SQL aksiyon oluşturun ve isimlendirin.
  5. Kopyalamış olduğunuz sorguları yapıştırın.

Filtreleme işlemlerini yürütmek için SQL sorgusuna bazı koşullar eklememiz gerekiyor. Ekranda görüldüğü üzere ilgili koşul yapısını aksiyona ekliyoruz.

WHERE

   (LOWER(i.IdeaTitle) LIKE LOWER(CONCAT('%', @IdeaTitle, '%')) OR @IdeaTitle IS NULL OR @IdeaTitle = '') AND

   (i.IdeaCategoryID = @IdeaCategoryID OR @IdeaCategoryID IS NULL) AND

   (LOWER(p.FullName) LIKE LOWER(CONCAT('%', @IdeaUser, '%')) OR @IdeaUser IS NULL OR @IdeaUser = '')

Bu koşulların amacı, kullanıcıların girdiği değerlere göre sorguyu dinamik hale getirmektir. 

İlk koşul, fikir başlığına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği metin, fikir başlığında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir değer girmezse veya boş bırakırsa, bu koşul tüm kayıtları kapsar ve tüm fikirler getirilir.

İkinci koşul, kategoriye göre filtreleme yapmamızı sağlar. Kullanıcı SelectBox’ tan bir kategori seçerse, sadece o kategoriye ait fikirler getirilir. Eğer kategori seçilmezse veya değer boşsa, bu koşul da tüm kategorileri kapsar.

Üçüncü ve son koşul ise fikri oluşturan kişinin adına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği isim, fikir sahibinin adında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir isim girmezse veya boş bırakırsa, bu koşul da tüm kayıtları kapsar ve tüm fikir sahipleri getirilir.

Bu koşullarda LOWER fonksiyonunu kullanarak büyük/küçük harf duyarlılığını ortadan kaldırıp,. LIKE operatörü ve '%' karakteri ile de esnek bir arama yapılması sağlanmaktadır, Böylece metnin herhangi bir yerinde eşleşme olması yeterli oluyor.

Bu sorgu ile birlikte, kullanıcıların ekran üzerinden yaptıkları filtreleme seçimleri dikkate alınarak dinamik bir veri çekme işlemi gerçekleştirilmiş oluyor. Uygulamamızda kullanıcı deneyimini artırmak ve aradıkları bilgilere kolayca ulaşmalarını sağlamak için bu filtreleme özelliklerini ekledik. Aksiyonu güncelleyip kaydederek süreci tamamlıyoruz. Artık uygulamamızda kullanıcılar fikirleri başlığa, kategoriye ve fikir sahibinin adına göre filtrelemeye hazırlar.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Bir Fikrim Var! Web ve Mobil uygulaması kapsamında hazırladığımız Fikir Liste ekranında belirli koşullar doğrultusunda filtreleme işlevi yürütecek bir ekran tasarımı hazırlamıştık. Şimdi bu ekranı fonksiyonel olarak işlevsel hale getirmek için bir SQL aksiyon oluşturalım.

Uygulamamızda kullanıcıların fikirleri daha rahat bulabilmeleri için ekranımıza üç adet kontrol ekledik. Bu kontroller sayesinde ekranda filtreleme yapabiliyoruz. İlk metin girişinde fikir başlığına göre arama yapıyoruz. Select Box aracılığıyla kategoriye göre seçim yapıp filtreleme gerçekleştiriyoruz. İkinci metin girişinde ise fikri oluşturan kişinin adına göre filtreleme yapıyoruz.

Bu filtreleme işlemlerini gerçekleştirmek için bir SQL aksiyon gerekmektedir.

Ekran tasarımı ve fonksiyonları daha önce hazırladığımız Dashboard ekranıyla benzerlik göstermektedir. Bu noktada süreci kolaylaştırmak ve hızlandırmak için Dashboard ekran için oluşturduğumuz özel aksiyonda yer alan SQL sorgusunun içeriğini kopyalayalım. 

  1. Bu işlem için ilk olarak Custom Actions panelini açın.
  2. Dashboard için oluşturduğunuz fikir listeleme aksiyonu bulun ve detay menüsü aracılığıyla aksiyon düzenleme ekranını açın.
  3. Editörde yer alan sorguları kopyalayın.
  4. Custom Actions paneline dönerek yeni bir SQL aksiyon oluşturun ve isimlendirin.
  5. Kopyalamış olduğunuz sorguları yapıştırın.

Filtreleme işlemlerini yürütmek için SQL sorgusuna bazı koşullar eklememiz gerekiyor. Ekranda görüldüğü üzere ilgili koşul yapısını aksiyona ekliyoruz.

WHERE

   (LOWER(i.IdeaTitle) LIKE LOWER(CONCAT('%', @IdeaTitle, '%')) OR @IdeaTitle IS NULL OR @IdeaTitle = '') AND

   (i.IdeaCategoryID = @IdeaCategoryID OR @IdeaCategoryID IS NULL) AND

   (LOWER(p.FullName) LIKE LOWER(CONCAT('%', @IdeaUser, '%')) OR @IdeaUser IS NULL OR @IdeaUser = '')

Bu koşulların amacı, kullanıcıların girdiği değerlere göre sorguyu dinamik hale getirmektir. 

İlk koşul, fikir başlığına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği metin, fikir başlığında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir değer girmezse veya boş bırakırsa, bu koşul tüm kayıtları kapsar ve tüm fikirler getirilir.

İkinci koşul, kategoriye göre filtreleme yapmamızı sağlar. Kullanıcı SelectBox’ tan bir kategori seçerse, sadece o kategoriye ait fikirler getirilir. Eğer kategori seçilmezse veya değer boşsa, bu koşul da tüm kategorileri kapsar.

Üçüncü ve son koşul ise fikri oluşturan kişinin adına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği isim, fikir sahibinin adında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir isim girmezse veya boş bırakırsa, bu koşul da tüm kayıtları kapsar ve tüm fikir sahipleri getirilir.

Bu koşullarda LOWER fonksiyonunu kullanarak büyük/küçük harf duyarlılığını ortadan kaldırıp,. LIKE operatörü ve '%' karakteri ile de esnek bir arama yapılması sağlanmaktadır, Böylece metnin herhangi bir yerinde eşleşme olması yeterli oluyor.

Bu sorgu ile birlikte, kullanıcıların ekran üzerinden yaptıkları filtreleme seçimleri dikkate alınarak dinamik bir veri çekme işlemi gerçekleştirilmiş oluyor. Uygulamamızda kullanıcı deneyimini artırmak ve aradıkları bilgilere kolayca ulaşmalarını sağlamak için bu filtreleme özelliklerini ekledik. Aksiyonu güncelleyip kaydederek süreci tamamlıyoruz. Artık uygulamamızda kullanıcılar fikirleri başlığa, kategoriye ve fikir sahibinin adına göre filtrelemeye hazırlar.

Bir Fikrim Var! Web ve Mobil uygulaması kapsamında hazırladığımız Fikir Liste ekranında belirli koşullar doğrultusunda filtreleme işlevi yürütecek bir ekran tasarımı hazırlamıştık. Şimdi bu ekranı fonksiyonel olarak işlevsel hale getirmek için bir SQL aksiyon oluşturalım.

Bir Fikrim Var! Web ve Mobil uygulaması kapsamında hazırladığımız Fikir Liste ekranında belirli koşullar doğrultusunda filtreleme işlevi yürütecek bir ekran tasarımı hazırlamıştık. Şimdi bu ekranı fonksiyonel olarak işlevsel hale getirmek için bir SQL aksiyon oluşturalım.

Uygulamamızda kullanıcıların fikirleri daha rahat bulabilmeleri için ekranımıza üç adet kontrol ekledik. Bu kontroller sayesinde ekranda filtreleme yapabiliyoruz. İlk metin girişinde fikir başlığına göre arama yapıyoruz. Select Box aracılığıyla kategoriye göre seçim yapıp filtreleme gerçekleştiriyoruz. İkinci metin girişinde ise fikri oluşturan kişinin adına göre filtreleme yapıyoruz.

Bu filtreleme işlemlerini gerçekleştirmek için bir SQL aksiyon gerekmektedir.

Ekran tasarımı ve fonksiyonları daha önce hazırladığımız Dashboard ekranıyla benzerlik göstermektedir. Bu noktada süreci kolaylaştırmak ve hızlandırmak için Dashboard ekran için oluşturduğumuz özel aksiyonda yer alan SQL sorgusunun içeriğini kopyalayalım. 

  1. Bu işlem için ilk olarak Custom Actions panelini açın.
  2. Dashboard için oluşturduğunuz fikir listeleme aksiyonu bulun ve detay menüsü aracılığıyla aksiyon düzenleme ekranını açın.
  3. Editörde yer alan sorguları kopyalayın.
  4. Custom Actions paneline dönerek yeni bir SQL aksiyon oluşturun ve isimlendirin.
  5. Kopyalamış olduğunuz sorguları yapıştırın.

Filtreleme işlemlerini yürütmek için SQL sorgusuna bazı koşullar eklememiz gerekiyor. Ekranda görüldüğü üzere ilgili koşul yapısını aksiyona ekliyoruz.

WHERE

   (LOWER(i.IdeaTitle) LIKE LOWER(CONCAT('%', @IdeaTitle, '%')) OR @IdeaTitle IS NULL OR @IdeaTitle = '') AND

   (i.IdeaCategoryID = @IdeaCategoryID OR @IdeaCategoryID IS NULL) AND

   (LOWER(p.FullName) LIKE LOWER(CONCAT('%', @IdeaUser, '%')) OR @IdeaUser IS NULL OR @IdeaUser = '')

Bu koşulların amacı, kullanıcıların girdiği değerlere göre sorguyu dinamik hale getirmektir. 

İlk koşul, fikir başlığına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği metin, fikir başlığında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir değer girmezse veya boş bırakırsa, bu koşul tüm kayıtları kapsar ve tüm fikirler getirilir.

İkinci koşul, kategoriye göre filtreleme yapmamızı sağlar. Kullanıcı SelectBox’ tan bir kategori seçerse, sadece o kategoriye ait fikirler getirilir. Eğer kategori seçilmezse veya değer boşsa, bu koşul da tüm kategorileri kapsar.

Üçüncü ve son koşul ise fikri oluşturan kişinin adına göre filtreleme yapmamızı sağlar. Kullanıcının girdiği isim, fikir sahibinin adında aranır ve eşleşen kayıtlar getirilir. Eğer kullanıcı bir isim girmezse veya boş bırakırsa, bu koşul da tüm kayıtları kapsar ve tüm fikir sahipleri getirilir.

Bu koşullarda LOWER fonksiyonunu kullanarak büyük/küçük harf duyarlılığını ortadan kaldırıp,. LIKE operatörü ve '%' karakteri ile de esnek bir arama yapılması sağlanmaktadır, Böylece metnin herhangi bir yerinde eşleşme olması yeterli oluyor.

Bu sorgu ile birlikte, kullanıcıların ekran üzerinden yaptıkları filtreleme seçimleri dikkate alınarak dinamik bir veri çekme işlemi gerçekleştirilmiş oluyor. Uygulamamızda kullanıcı deneyimini artırmak ve aradıkları bilgilere kolayca ulaşmalarını sağlamak için bu filtreleme özelliklerini ekledik. Aksiyonu güncelleyip kaydederek süreci tamamlıyoruz. Artık uygulamamızda kullanıcılar fikirleri başlığa, kategoriye ve fikir sahibinin adına göre filtrelemeye hazırlar.

Dosyalar

No items found.

Kaynaklar

No items found.

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak