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

Galeri resim eklediğim zaman boş satır oluyor

supr4yz-

Merhabalar geçen gün tekrar konusunu açmıştım fakat farklı bir başlıktı o yüzden yeni konu açmak istedim. Laravel Admin üzerinde galeriye yüklediğim toplu resimleri view etmek istiyorum fakat blank satır geliyor hiçbir şekilde resim gözükmüyor. Herhangi bir hata almıyorum, source kodlarını incelediğim zaman direkt boş satır olarak gözüküyor. Şimdi sıra sıra göstereceğim. Şimdiden yardımlarınız için teşekkür ediyorum.

Galeriye dosya yüklediğim zaman verinin geldiği database şeması:
https://imgur.com/a/fzc2N80

Resimleri yüklediğim admin paneli:
https://imgur.com/a/PLwxmMh

Bağlantı sağlamak için için kullandığım kod satırları:
@php($gallery=DB::table('images')->where('template','projects')->where('belongs',$id)->orderBy('id','sort')->get()) @foreach($gallery as $gal)

View etmek için kullandığım kod satırları:
<img src="{{ asset('/assets/images/uploads/projects/'.$id.'/'.$gal->image) }}" alt="">

İyi çalışmalar herkese.

supr4yz-

Resimlere tıklayınca açılmadığını farkettim. Url'de hashtage kadar silin düzelir. Teşekkürler

koti42

Resimlerine UUİD vermen işe yarayacaktır. Resimleri direk adı ile kaydetme derim.

ikincisi resimlere
bu şekilde ulaşamazsın verdiğin linkin arasına id giriyor resim linki projects klasörünün altında supr4yz ise senin attığın istek de 743/surp4yz olarak çekiyorsun ve öyle bir klasör yok aslında.
<img src="{{ asset('/assets/images/uploads/projects/'.$gal->image) }}" alt="">

bu şekilde kullanman daha doğru olacaktır.

Ek olarak farklı bir klasörün altına kaydetmiyor isen resim dosyalarını
veri tabanında bu şekilde tutarsan direk public klasörünün altında ki products klasörüne kaydettiğini bilir ve öyle uzun bir yol yazmana gerek kalmaz

products/LfBt5iK4fsOpshPCpC1TrNUf3IaLUxocL7yGpNxb.png

                <img src="/{{ ($card->author_logo) }}" width="120px">

supr4yz-

koti42 Teşekkürler cevabınız için hocam. Sorunu çözdüm route ederken 'slug' ve 'id' route ettirmem gerekmiş. Şuan view oluyor. Ama verdiğiniz önerileri uygulayacağım.

supr4yz-

Şimdi şöyle bir sorun oldu. İki tane resim upload ettim.
https://imgur.com/a/0rrkrj8
Böyle iki resim boyutları gayet ideal olan herhangi bir sorun olmayan.
View ederken sadece tek fotoğraf gösteriyor ikinci gelmiyor. En son yükleneni çekiyor. Aşşağıya bırakıyorum.
https://imgur.com/a/56N85Lo
İyi çalışmalar

koti42

supr4yz- Resim URL'i yanlış görünüyor sanırım aynı klasör de yer almıyorlar

supr4yz-

koti42 Hayır aynı klasördeler. Yanlış url görse bile yazdırır ekrana ama maalesef. 2. fotoğrafı hiç görmüyor. Direkt ilk fotoğrafı veya son fotoğrafı gösteriyor.

supr4yz-

koti42 Şu kısımda bir hata var. orderBy('id', 'sort') bu kısımda 'sort' silince ilk fotoğraf geliyor. Bu haliyle kalınca son yüklediğim geliyor. Acaba nasıl bir düzeltme yapabilirim?

koti42

supr4yz-
Burada bir where şartı görüyorum id'ye göre bir veri çekiliyor sanırım.

Ekrana basmadan önce {{dd($gallery)}} ile bir ekrana basıp bütün linklerin geldiğinden olabilir misin linkler geliyor da mı ekrana basmıyor.

DB yerine de Elequent Builder kullanman modelini oluşturup daha güzel olacaktır.
@php($gallery=DB::table('images')->where('template','projects')->where('belongs',$id)->orderBy('id','sort')->get()) @endphp

bu arada 'sort' değil DESC veya ASC kullanman gerekiyor. Farkındaysan zaten SORT'un içinde sadece 1 tane alanın dolu diğerleri boş.

supr4yz-

koti42 ASC yaptığım zaman ilk fotoğraf geliyor. Desc yaptığım zaman son fotoğraf geliyor. İkisini nedense aynı anda çekemiyorum. Kod satırını ekleyeceğım aşağıya. Ve aynı zamanda sadece 1 link geliyor. İkinci linki görmüyor.

@php($gallery=DB::table('images')->where('template','projects')->where('belongs',$id)->orderBy('id','asc')->get()) <div class="equipment-detail__gallery"> <div data-uk-slideshow="min-height: 300; max-height: 430"> <div class="uk-position-relative"> @foreach($gallery as $gal) <ul class="uk-slideshow-items uk-child-width-1-1" data-uk-lightbox="animation: scale"> <li><a href="{{ asset('/assets/images/uploads/projects/'.$id.'/'.$gal->image) }}"><img class="uk-width-1-1" src="{{ asset('/assets/images/uploads/projects/'.$id.'/'.$gal->image) }}" alt="img-gallery" data-uk-cover></a></li> </ul><a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" data-uk-slidenav-previous data-uk-slideshow-item="previous"></a><a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" data-uk-slidenav-next data-uk-slideshow-item="next"></a> @endforeach

supr4yz-

koti42 {{dd($gallery)}} kodunu yazdırdım ekrana tüm linkleri geliyor fakat iki fotoğraf view olmuyor.
https://imgur.com/a/ZRPzqzr

mgsmus

supr4yz- foreach yaparken ul içindeki li elementini kapsayacak şekilde değil de tüm ul elementini kapsayacak şekilde yapmışsınız. Bu javascript ile çalışan bir şey ise gizliyor olabilir.

@php
$gallery = DB::table('images')
    ->where('template','projects')
    ->where('belongs',$id)
    ->orderBy('id','asc')
    ->get()
@endphp

<div class="equipment-detail__gallery">
    <div data-uk-slideshow="min-height: 300; max-height: 430">
        <div class="uk-position-relative">
            <ul class="uk-slideshow-items uk-child-width-1-1" data-uk-lightbox="animation: scale">
                @foreach($gallery as $gal)
                <li>
                    <a href="{{ asset('/assets/images/uploads/projects/'.$id.'/'.$gal->image) }}">
                        <img class="uk-width-1-1" 
                             src="{{ asset('/assets/images/uploads/projects/'.$id.'/'.$gal->image) }}" 
                             alt="img-gallery" data-uk-cover>
                    </a>
                </li>
                @endforeach
            </ul>

            <a class="uk-position-center-left uk-position-small uk-hidden-hover" 
                href="#" data-uk-slidenav-previous data-uk-slideshow-item="previous">
            </a>
            <a class="uk-position-center-right uk-position-small uk-hidden-hover" 
                href="#" data-uk-slidenav-next data-uk-slideshow-item="next">
            </a>
        </div>
    </div>
</div>

supr4yz-

mgsmus Özür dilerim geç yazdım. Fakat sorunum çözüldü bu kodlar ile. Teşekkür ederim.