Laravel ile ajax oylama(voting) sistemi

Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz? Discord

Laravel ile ajax oylama(voting) sistemi

ytsejam

Merhabalar ,

Bir fotoğraf yarışması açmaya çalışıyorum. Yine zayıf olduğum nokta olan "ajax" ile yapmaya çalışıyorum. oylama tablomda contest_id,user_id ve vote(tinyinteger) kolonları var.
Ajax ile oylama yapmayı düşünüyorum fakat takıldığım bir kaç nokta var. Burada image id sini gönderirken formun içinden nasıl çekebilirim hala oturtamadım.
yarışma sayfasında fotoğrafları dizdim. ve form olarak oylama butonu açtım. Amacım oy verildi mi fotoğraf altındaki oy sayısı sayfa yenilenmeden güncellensin.
Burada yanlışım id yi linkten vermeye çalışmak olduğunu biliyorum.

 @foreach($contestimages as $contestimage)
 <a href="/uploads/contest/img/{{$contestimage->user->id}}/{{$contestimage->name }}" data-lightbox="contest" >
 <article class="col-md-4 col-sm-4 mid">
 <div class="img">
 <img src="/uploads/contest/img/{{$contestimage->user->id}}/main-{{$contestimage->name }}" alt="{{$contestimage->name}}">
 <div class="overlay"></div>
 </div>
 <div class="info">
 <h1><a href="">{{$contestimage->caption}}</a></h1>
 <p class="details"> <a href="author.html">{{$contestimage->user->name}}</a></p>
 <p class="text">
 {{$contestimage->description}}
 </p>
 </div>
 <ul class="counters list-inline">
 <li>
 <form method="post" action="vote" id="vote">
 <!-- CSRF Token -->
 <input type="hidden" name="_token" value="{{ csrf_token() }}" />
 <button type="submit" id="votebutton"><a href="{{ route('vote', $contestimage->id) }}"><i class="fa fa-thumbs-up fa-2x"></i>212</a></button>
 </form>
 </li>
 </ul>
 </article>
 
 </a>
 @endforeach

daha sonra :

<script type="text/javascript">
 var form = $('#vote').serializeArray();
 var token = $('#vote > input[name="_token"]').val();
 var vote = 
 $.ajax({
 type: 'post',
 url: 'vote',
 vote:
 dataType: 'json',
 data: { _token: token, form: form },
 success: function(data) {
 for(var key in data)
 {
 //alert(key)
 }
 //alert(data.message);
 }
 });
</script>

Route ve controlleri da aşağıdaki gibi belirledim:

Route::post('{contestImageId}/vote', array('as' => 'vote', 'uses' => 'PageController@postVote'));

 public function postVote($contestImageId = null)
 { 
 if (Sentry::check()) {

 if (Request::ajax())
 {
 $image = ContestImage::find($contestImageId);
 $vote = Input::get('vote');
 $user = Sentry::getUser()->id;

 // Grab the vote if it already exists.
 $entry = Vote::where('user_id', $user)->where('contest_id', $image)->first();

 if ($entry->count())
 {
 $entry->vote = $vote;
 $entry->save();
 }
 else
 {
 $entry = new Vote;
 $entry->user_id = $user;
 $entry->contest_id = $image;
 $entry->save();
 }
 }
 else
 {
 return "Not an AJAX request.";
 }
 }
 else
 {
 return "User not logged in.";
 }
 }

yardımlar için teşekkür ederim.

sergin

Dokunulması gereken birçok şey olduğu dikkati çekiyor. Yeteri kadar kod var ama cevap için ek açıklamalar gerekiyor. Bir sayfada aynı id'li birden çok eleman olmasına izin verilmemesi gerekiyor ve Tablo ilişkilerinin daha açık belirtilmesine, contents_id ve vote vb. alanlarının neyi tuttuklarının açıklanmasına göre söylenecek bazı şeyler olabilir.
Sorun sadece imajın idini göndermek olsaydı,

<input type="hidden" name="_token" value="{{ csrf_token() }}" />

satırının altına

<input type="hidden" name="imajid" value="{{ $contestimage->id }}" />

eklemeniz yeterli olurdu.
Ajax işlemi yaparken Form serialize ile hem _token hem de imajid gönderileceği için tokeni ayrı, form serilizeyi ayrıca belirtmenize gerek yoktur. İmaj idi buradan alacağımız için vote rotasının ve gönderdiği controller metodunun parametreli olmasına gerek yoktur.
Kodunuzda ilk etapta hatalı gibi gelen ya da anlayamadığım diğer şeyler şöyle:
-Inputlar arasında vote adlı bir şey yoktur ($vote = Input::get('vote'); için söylüyorum) .
-user_id ve contest_id'in her ikisinin de tamsayı olması beklenirken contest_id'e bir ContestImage nesnesi atandığı, where sorgusunda da yine bununla arama yapıldığı görülüyor.
-Vote alanının neyi ifade ettiği bilinmemekle birlikte eğer oy sayısını tutuyorsa PostVote metodunun mevcut bir entry bulamadığında da $vote alanını ayarlaması gerekir. Ve öyleyse Vote alanı niye tinyint'tir, 225 oydan fazla oy alamayacak mıdır?
-Kullanıcı giriş yapmamışsa ve istek ajax değilse metod bir sonuç döndürüyor. Her şey yolunda giderse de bir sonuç döndürmesi gerekir. Ben şöyle anlıyorum, eğer vote alanı oy sayısı ise, vote alanı değerini döndürüp, sonrada ajax'taki success eventinde bu oy sayısını sayfada güncellersiniz.

Vedat

Merhaba, üzerinden vakit geçmiş biraz ama belki başkalarına da fikir verir diye kendi deneyimimi paylaşmak istedim.

<img src="/uploads/contest/img/{{$contestimage->user->id}}/main-{{$contestimage->name }}" alt="{{$contestimage->name}}">

şeklinde sayfaya eklenmiş resimler. Problem olmayacaksa resmin id sini img tagına id olarak ekleyin. resmin id sini paylaşmak istemem derseniz de her resim için benzersiz random bir string oluşturabilir ve bunu id olarak kullanabilirsiniz.

<img id="{{$contestimage->id}}" src="/uploads/contest/img/{{$contestimage->user->id}}/main-{{$contestimage->name }}" alt="{{$contestimage->name}}">

sadece bu id yi ajax ile post ederek istediğiniz kontrolleri ve işlemi yaparsınız. herhangi bir form a gerek yok gibi.

success function da da son oy durumunu alıp istediğiniz yerde güncellersiniz.

Laravel Türkiye Forumları, ücretsiz forum uygulaması Flarum ile yapılmıştır.