Merhaba değerli okuyucularımız. Bugün internette pek fazla türkçe anlatımı olmayan bir uygulamayı yapacağız. Bir formumuz olacak, bu forma veri girişi yapılacak eğer true dönerse başarılı false dönerse hata mesajını view kısmına göndereceğiz. Bu uygulamayı JavaScript Snackbarın bize sunmuş olduğu kullanımı basit bir plugin ile daha güzel bir hale getireceğiz. Sizi çok fazla tutmadan uygulamamıza geçelim.
Öncelikle bu uygulamayı yapabilmemiz için url helperini ve session kütüphanesini yüklememiz gerekiyor.
config/autoload.php sayfasını açalım ve yükleyelim.
$autoload['libraries'] = array("session");
$autoload['helper'] = array("url");
Adım 1: Formumuzu oluşturuyoruz
İlk adım olarak bir form oluşturacağız, formumuza bi adet input olacak. action kısmını ise controllerimize yönlendireceğiz.
<form action="<?php echo base_url("wellcome/form"); ?>" method="post">
<input type="text" name="veri" placeholder="Veri giriniz!">
<input type="submit" value="Gönder">
</form>
Adım 2: Snackbar pluginini dahil edelim
Söylediğim gibi Snackbar plugin kullanımı gayet basit. Dökümantasyon adresine gidip dosyaları indirin.
<link rel="stylesheet" href="snackbar.min.css"> // Head içerisine ekleyin.
<script src="snackbar.min.js"></script> // body alt kısmına ekleyin
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> // body alt kısmına ekleyin
eklentimiz hazır, şimdi diğer adımlara geçelim.
Adım 3: Controller dosyamızı oluşturalım.
Bu kısımda inputtan gelen veri 1 ise başarılı mesajı 1 değilse başarısız mesajı verdireceğiz.
public function form(){
$x = 1;
$y = $this->input->post("veri");
if ($y == $x) {
echo "Eşit";
}else{
echo "Eşit Değil";
}
}
Adım 4: Mesajı view kısmına gönderelim.
Mesajı ve tipini view kısmına gönderebilmemiz için "alert" adında bir session oluşturacağız, alertin tipine göre de mesajı bastıracağız.
public function form(){
$x = 1;
$y = $this->input->post("veri");
if ($y == $x) {
$alert = array(
"title" => "Veri başarılı bir şekilde gönderildi!",
"type" => "success"
);
$this->session->set_flashdata("alert", $alert); // Sessionu bu kısımda oluşturuyoruz.
redirect(base_url(""));
}else{
$alert = array(
"title" => "Mesajınız gönderilirken bir hata oluştu!",
"type" => "error"
);
$this->session->set_flashdata("alert", $alert);
redirect(base_url(""));
}
}
bu kısımda sessionumuzu oluşturduk ve tekrardan form sayfamıza yönlendirdik, view kısmında da bir koşul sunacağız, $alert eğer success ise başarılı mesajı error ise hatalı mesajı vereceğiz.
body etiketimizin en alt kısmına Snackbar bildirim kutumuzu gösterecek kodları yazalım.
<?php
$alert = $this->session->userdata("alert");
if($alert){
if($alert["type"] === "success"){ ?>
<script>
Snackbar.show({
text: '<?php echo $alert["title"]; ?>',
pos: 'bottom-center',
showAction: false,
actionText: "Dismiss",
duration: 4000,
textColor: '#fff',
backgroundColor: '#383838'
});
</script>
<?php } else { ?>
<script>
Snackbar.show({
text: '<?php echo $alert["title"]; ?>',
pos: 'bottom-center',
showAction: false,
actionText: "Dismiss",
duration: 4000,
textColor: '#fff',
backgroundColor: '#e82a2a'
});
</script>
<?php }
} ?>
uygulamamız tamamdır, input kısmına 1 yazıp gönderirseniz success mesajını başka bir veri girerseniz error mesajını alacaksınız. Umarım yaptığımız uygulama projelerinizde işinize yarar, ayrıca CodeIgniter 3 Temel Veritabanı İşlemlerini öğrenmek için yazımıza göz atabilirsiniz.
Yorumlar (0)