Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Input::old nedir ?

murat · 2014-05-07T12:54:20+00:00

Arkadaşlar çok başlık açıyorum, rahatsızlık veriyorsam kusura bakmayın. Lakin buraya yazmadan hem codebright, hem dökümantasyon hem de net de araştırıyorum s...

xsearch

Ajax olup olmaması çok sorun değil, başka bir konuda yine bahsettim sadece chrome ff üzerinden değil selenium vb gibi tarayıcı taklitçileri yada kullanıcı hareketlerini taklit eden yazılım yapmak, yada charles gibi web proxsyler daha sayı artırmak mümkün. Ajax bir güvenlik önlemi değil kolaylık sadece, Ön yüzde ne kadar önlem alırsanız alın en agresif önlemler arkayüzde olmalı.

Çok basit olacak belki ama, önyüzde javascriptle sayısal karakter girilmesini engellemek güvenlik önlemi değildir. Sadece bunu tarayıcı tarafında yapmış olarak sunucuya daha az işlem yaptırırsınız. Post edip "bu sayısal değil" demektense js ile hallederiz. Güvenlik önlemleri sunucu tarafında olmalı. Filtrelerde ilk kontrol için basit ve güçlü kontroller oluşturmanıza olanak sağlar.

murat

@Funal;
Genelde class selector kullnarak çalışıyorum. Tam da bu işleyiş üzerine çalışıyorum şu an. js yi mümkün olduğunca universal yapabilirsem her form için kullanabilirim. Fakat benim formda iki seçenek mevcut. Save ve Save and Close. Save işleminde ajax post kullanırken, Diğerinde normal post işlemi uyguluyorum. Kodlar aşağıda

<div class="btn-group btn-group-solid">
 <a class="btn green ajax_submit" href="#"><i class="fa fa-save"></i> Save</a>
 <a class="btn yellow ajax_submit_close" href="#"><i class="fa fa-save"></i> Save and Close</a>
 <a class="btn red ajax_submit_cancel" href="{{ URL::action('UserController@index') }}"><i class="fa fa-times"></i> Cancel</a>
</div>

{{ Form::open(array('action' => array('UserController@update', $user->id), 'method' => 'PUT', 'class' => 'form-horizontal ajax_form' ))

 $('.ajax_submit').on('click', function(e) {

 e.preventDefault();

 $.ajax({
 url: $('.ajax_form').attr('action'),
 type: 'post',
 dataType: 'json',
 data: $('.ajax_form').serialize(),
 beforeSend: function(){
 // Handle the beforeSend event
 App.blockUI({ message: 'Please wait... Data Updating..' });
 },
 complete: function(){
 // Handle the complete event
 App.unblockUI()
 },
 success: function(data) {
 if(data.success == false)
 {
 var arr = data.errors;
 $.each(arr, function(validate_input, validate_msg)
 {
 if (validate_msg.length != 0)
 {
 //$("#validation-errors").append('<div class="alert alert-error"><strong>'+ validate_msg +'</strong><div>');
 toastr.error(validate_input + validate_msg);
 }
 });
 $("#validation-errors").show();
 } else {
 location.reload();
 }
 console.log(data);
 show_alert('msg1', 'info', 'info');
 toastr.success('Güncellendi !');
 }
 });

 });

 $('.ajax_submit_close').click(function() {
 $('.ajax_form').submit();
 });

Funal

murat yazdı@Funal;
Genelde class selector kullnarak çalışıyorum. Tam da bu işleyiş üzerine çalışıyorum şu an. js yi mümkün olduğunca universal yapabilirsem her form için kullanabilirim. Fakat benim formda iki seçenek mevcut. Save ve Save and Close. Save işleminde ajax post kullanırken, Diğerinde normal post işlemi uyguluyorum. Kodlar aşağıda

<div class="btn-group btn-group-solid">
 <a class="btn green ajax_submit" href="#"><i class="fa fa-save"></i> Save</a>
 <a class="btn yellow ajax_submit_close" href="#"><i class="fa fa-save"></i> Save and Close</a>
 <a class="btn red ajax_submit_cancel" href="{{ URL::action('UserController@index') }}"><i class="fa fa-times"></i> Cancel</a>
</div>

{{ Form::open(array('action' => array('UserController@update', $user->id), 'method' => 'PUT', 'class' => 'form-horizontal ajax_form' ))

 $('.ajax_submit').on('click', function(e) {

 e.preventDefault();

 $.ajax({
 url: $('.ajax_form').attr('action'),
 type: 'post',
 dataType: 'json',
 data: $('.ajax_form').serialize(),
 beforeSend: function(){
 // Handle the beforeSend event
 App.blockUI({ message: 'Please wait... Data Updating..' });
 },
 complete: function(){
 // Handle the complete event
 App.unblockUI()
 },
 success: function(data) {
 if(data.success == false)
 {
 var arr = data.errors;
 $.each(arr, function(validate_input, validate_msg)
 {
 if (validate_msg.length != 0)
 {
 //$("#validation-errors").append('<div class="alert alert-error"><strong>'+ validate_msg +'</strong><div>');
 toastr.error(validate_input + validate_msg);
 }
 });
 $("#validation-errors").show();
 } else {
 location.reload();
 }
 console.log(data);
 show_alert('msg1', 'info', 'info');
 toastr.success('Güncellendi !');
 }
 });

 });

 $('.ajax_submit_close').click(function() {
 $('.ajax_form').submit();
 });

Hemen hemen herkez aynı mantıkta post ediyor bu içimi rahatlatı. Validation'a gönderdiğin mesajıda bir fonksiyona alıp kullanabilirsin. Birde ajan setup ile datatype, beforesend ve completesend i tekrar tekrar yazmazsın diye düşünüyorum

murat

Şu an oraları bırkalıyorum

Dediğin gibi fonksiyona alıp, controllerdan gelen validation bilgileri ile, hangi input hatalı ise ona kırmızı border atmaya çalışıyorum. Evet ajax setup a çevirebiliriz.

murat

@Funal şöyle bir durum var.
ajax_post ile Save işleminde sorun yok. Hata varsa formda ilgili ui leri çalışıyorum. Inputlara focuslanıyor vs.. Hata yoksa da true dönüyor.
Fakat Save and Close işleminde ajax post yerine, jquery submit ile gönderiyorum formu.

 if ( $validator->fails() )
 {
 if (Request::ajax())
 {
 return Response::json(['success' => false, 'errors' => $validator->getMessageBag()->toArray()]);
 } else {
 return Redirect::back()->withInput()->withErrors($validator);
 }
 }

Blade'e gelen validationın normal mesajları

{{ $errors->first('email', '<span class="help-block validate_error">::message</span>') }}

Ama bunlar yetmiyor. Çünkü çok tablı bir profil formu mevcut. ajax post ile çalıştığımda ilgili active tab'a ve inputlara focuslanıp, ui notify vs çalışıyordu. Nasıl yapsak mantıklı olur ? Redirect yerine farklı bir response veya zincirlemi dönmek gerek

Funal

@murat inan bende de aynı durum var ben kısa yoldan
yaptıklarımı bahsediyim.

İlk olarak formdaki değerleri serverda Validator ile kontrol edip. Daha sonra mesajları toArray ile json olarak geri döndürüyorum.
Daha sonra oluşturduğum inputların altına span atıp idside input adı + _hata şeklinde oluşturuyorum.
Ardından gelen veriyi

$.each( `ajaxtan dönen veri´, function( input_name, hata_mesajı ) {
return $('#' + input_name + '_hata').empty().html(hata_mesajı)
})

Şeklinde serverdan gelen errorleri form elemlarının altandaki spanlara yazdırıyorum.
Buraya kadar herşey gıcır

focus olayı var. Onuda şimdilik pek tatmin etmesede $(' [name= ' + input_name + ' ] ').focus() şeklinde focus oluyor ama 1den fazlasına yemiyor.

murat

demek ki paralel gidiyoruz.

Bende ajaxta sıkıntı yok. anlattığın gibi yapıyorum. Focuslama da dün 2 saatten fazla harcadım.Çünkü inputlar iki tane tabda iç içe.

Haliyle önce hata olan inputun, tabını ve üst tabını bulup, ona göre birşeyler yazdım. Focuslamayı döngü içine alırsan çalışır. Yazdığım föksiyonu göndereyim. Kolay gelsin.

 function show_validator_errors (data) {
 if (data.success == false)
 {
 $(".has-error").removeClass("has-error");
 $('.validate_error').remove();

 var arr = data.errors;
 $.each(arr, function(validate_input, validate_msg)
 {
 if (validate_msg.length != 0)
 {
 var active_tabs_ids = [];
 $("form [name='"+validate_input+"']").parents(".tab-content > .tab-pane").each(function(){
 active_tabs_ids.push(this.id);
 });
 active_tabs_ids.reverse();
 $("a[href*=#"+active_tabs_ids[0]+"]").trigger( "click" );
 $("a[href*=#"+active_tabs_ids[1]+"]").trigger( "click" );

 $("form [name='"+validate_input+"']").closest(".form-group").addClass("has-error");
 $('<span class="help-block validate_error">'+validate_msg+'</span>').insertAfter("form [name='"+validate_input+"']");
 $("form [name='"+validate_input+"']").focus();
 }
 });
 toastr.error('Güncelleme başarısız !');
 } else {
 toastr.success('Güncellendi !');
 }
 }

xsearch

Arkadaşlar AngularJS yi incelemenizi şiddetle öneriyorum. Sizin için biçilmiş kaftan

çok ilerlemeden 2 saatinizi ayırıp inceleyin.

murat

Dün kıyısından döndüm, açtım kapadım

Öğren öğren bitmiyor arkadaş. Ne yapalım, usta tavsiye ediyorsa bakacaz.

xsearch

madem bu kadar ajaxla uğraşıyorsunuz Angular size çok yardımcı olacaktır. Ayrıca Cordova/Phonegap gibi projelerle webinizi akıllı telefonlara uygulama yapmak pek bi kolay olur

xsearch

https://github.com/bktz/Laravel-4-AngularJS-Starter-Site
http://blog.neoxia.com/laravel4-and-angularjs/

Funal

Bir ara bakmıştım ama yabancı dil eksik türkçe kaynak az soğudum açıkcası

murat

Şimdi yeni bir şey keşfettim.
Eğer controllerda, Redirect'e withInput() zincirini bağlarsanız, Blade syntaxları ile yaptığınız form elementlerinde, Input::old u yazsanız da fark etmiyor.Default olarak algılıyor.
Yok elementi html tagları ile oluşturmuşsanız durum farklı. Input::old'a göre değer atayabiliyorsunuz.

{{ Form::text('username', Input::old('username', $user->username), array('class'=>'form-control')) }} // POST ettikten sonra, post öncesi forma girilen değer

{{ Form::text('username', $user->username, array('class'=>'form-control')) }} // POST ettikten sonra, post öncesi forma girilen değer

<input type="text" name="first_name" value="{{ Input::old('first_name', $user->first_name) }}" class="form-control"/> // POST ettikten sonra, post öncesi forma girilen değer

<input type="text" value="{{ $user->last_name }}"class="form-control"/> // POST ettikten sonra, Databasede ki değer

xsearch

Daha basit bir kullanım önereyim:

{{Form::model($userInfo,array('url'=>'test','method'=>'post'}}
 {{ Form::text('username', null, array('class'=>'form-control')) }} 
 {{ Form::hidden('id', null)) }} 
{{Form::close()}}

Burda eğer oluşturma yapılıyorsa

$userInfo=array();
return View::make('test').with('userInfo',$userInfo);

Güncelleme için

$userInfo= User::find($id)->toArray();
return View::make('test').with('userInfo',$userInfo);

Hata Durumunda redirect için :

return Redirect::back()->withInput()->withErrors($validator->messages());

murat

Teşekkürler, bakayım bi.

xsearch

Formlar daha keyifli oluyor

Yakın zamanda önyüz form doğrulama için bi paket hazırlamayı düşünüyorum. O zaman dahada bi keyifli ve güzel formlarımız olur diye umuyorum.

Funal

xsearch Form::model'i yeni görüyorum yeminle !

angelside

Funal yazdıxsearch Form::model'i yeni görüyorum yeminle !

Daha da abartıp Former paketi ile bootstrap için html kodlarını bile aradan çıkarabiliriz.

{{ Former::horizontal_open()->route('admin.product.category.store')->role('form')->method('POST') }}
	{{ Former::xlarge_text('name')->label('Kategori adı *')->value(Input::old('name'))->placeholder('Kategori adı') }}
{{ Former::close() }}

Funal

angelside yazdı

Funal yazdıxsearch Form::model'i yeni görüyorum yeminle !

Daha da abartıp Former paketi ile bootstrap için html kodlarını bile aradan çıkarabiliriz.

{{ Former::horizontal_open()->route('admin.product.category.store')->role('form')->method('POST') }}
	{{ Former::xlarge_text('name')->label('Kategori adı *')->value(Input::old('name'))->placeholder('Kategori adı') }}
{{ Former::close() }}

Former paketi veli nimetmiş bootstrap için.

xsearch acemiliğime ver

http://laravel.com/api/source-class-Illuminate.Html.FormBuilder.html#_model

« Önceki Sayfa