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

Laravel 7.x için tema paketi var mı?

Leon

Merhaba, arkadaşlar iki gündür laravel ile kodlama yapmaya başladım, blade yapısını çoklu tema seçimini yapabileceğim ve yönetim arayüzünden yüklenebilir tema paketlerini yükleyip seçebileceğim bir arayüz hazırlamak istiyorum. Bunun için hazır bir tema paketi var mı? Yoksa Dünyayı yeniden keşfetmem mi gerekecek?

coder2

Bu şekilde bir paket ile karşılaşmadım ama temaları zip ile yükleyerek resource içine extract edebilirsiniz.
config/view.php içinde default path var. Seçili temaya göre provider de bu değeri override ederek ilgili klasörden okumasını sağlayabilirisniz.

Leon

config()->set('view.paths.0',resource_path('views/themes/default'));

Yukarıdaki gibi mi? compiled kısmını değiştirmek gerekiyor mu?

"view" => array:2 [▼
"paths" => array:1 [▼
0 => "/Applications/XAMPP/xamppfiles/htdocs/PANEL/resources/views"
]
"compiled" => "/Applications/XAMPP/xamppfiles/htdocs/PANEL/storage/framework/views"
]

mgsmus

Leon Öncelikle compiled, cache... gibi otomatik oluşturulan dosyaların içeriği değiştirilmez. Onları ellememeniz lazım.

https://github.com/igaster/laravel-theme gibi paketler var ama hiç kullanmadım. Kendiniz yapmak isterseniz ise önce Laravel'e hakim olmanız gerekiyor.

coder2

mgsmus "... otomatik oluşturulan dosyaların içeriği değiştirilmez." derken config dosyalarındaki default verileri override etmememiz gerektiğini mi belirttiniz hocam ?
Dosya içeriğini değiştirmeden lazım olduğunda ServiceProvider dosyaları içinde default verileri değiştiriyorum bazen, hatalı bir kullanım mı olur bu şekilde.

Leon

Yazılımı iki günde çözdüm, php ile kendi yazdığım framework ile yazılım yapıp paylaşmak istemediğim için laravel ile yazmak istedim. Sanırım mantıken bu dizini değiştirebilirim veya her tema değiştirdiğimde aşağıdaki sınıfı çağırmalıyım.

Artisan::call('view:clear');

mgsmus

Leon

Bir middleware (https://laravel.com/docs/7.x/middleware) içerisinde şunu yapabilirsiniz:

View::addNamespace('theme', [
    resource_path('views/themes/' . $request->user()->theme),
    resource_path('views/themes/default'),
]);

Burada $request->user()->theme giriş yapmış kullanıcının users tablosunda theme sütununda tuttuğu değerdir (accessor de olabilir, her neyse). Örneğin bu değer black olsun. \Illuminate\Support\Facades\View::addNamespace() ise şablonlar için theme isminde bir arayüz (namespace) oluşturur. Gördüğünüz gibi iki tane kayıt girdim. İlkini bulamaz ise ikincisine bakacak, yani default temaya.

$request->user()->theme değeri black olsun demiştik. Bu durumda /resources/views/black şeklinde bir klasör olmalı ve içinde de view dosyaları olmalı. Bu sizin yüklemiş olduğunuz tema olsun. Üstte resource_path kısmında tema yolunu değiştirebileceğinizi görmüşsünüzdür.

Örneğin /resources/views/black/page.php şeklinde bir şablon olsun. Bu şekilde bir arayüz altında yer alan şablonu ekrana basmak için şu şekilde kullanıyorsunuz:

public function show($slug)
{
    $page = Page::where('slug', $slug)->firstOrFail();

    return view('theme::page', compact('page')); // theme::page şeklinde kullanıma dikkat edin
}

Arayüz sayesinde bu otomatik olarak view('themes.black.page', compact('page')); şeklinde işlem yapılmasını sağlıyor.

Kabaca bir tema sistemi bu şekilde yapılabilir.

Üstte config()->set(... şeklinde verdiğiniz örnek ne kadar yanlış bir yolda ilerlediğinizi gösteriyor. Kendiniz framework'ün dinamiklerini parçalamadan önce bunu Laravel Yolu ile yapmak mümkün mü onu araştırın ve dokümanları sürekli inceleyin.

Leon

Yok o şekilde söylemedi cache dosyasının içeriği değiştirirsen çalışmaz manasında söyledi bunlar otomatik olarak oluşturuluyor ya. Ama bence bir sakıncası yok cachelenen dizini değiştirebiliriz. Nasıl olsa tek kaynaktan alıyor path ismini ama yinede Artisan::call(‘view:clear’); bu şekilde çağırmak daha mantıklı zaten ben provider oluşturdum ve veritabanındaki tüm site ayarlarını önbelleğe alıyorum ve önbelleğe aldığım ayarları her defasında set ediyorum.

    if(!Cache::has('ayar')) {
        $ayarlar = Ayarlar::all();
        foreach ($ayarlar as $key => $val) {
            $ayar[$val->tip][$val->isim][$val->anahtar] = ['deger' => $val->deger, 'aciklama' => $val->aciklama, 'input' => $val->input, 'durum' => $val->durum, 'sil' => $val->sil];
        }
        Cache::put('ayar', $ayar);
        config()->set('ayar', Cache::get('ayar'));
        config()->set('mail.default','smtp');

Leon

Evet döküman özürlü olarak şimdi baktığımda aşağıdaki gibi bir service provider ile bu işi çözebileceğimi söylüyormuş. Peki son bir soru sorayım. Yapacağım web projesinde SMTP ve tema ve diğer site ayarlarının yapıldığı ayarları ben bir veritabanında tutuyorum ve bu ayarları öncelikle bir provider içerisinde önbellekte var mı yok mu kontrol ediyorum, önbellekte ilgili anahtar yok ise veritabanı sorgusu yapıyor ve foreach ile düzenleyip config()->set( ediyorum örnek SMTP ayarları gibi. Burada yine web yöneticisinin belirlediği temanın adını saklıyorum. Tema yolunu daha sonda config('ayar.siteayar.siteonyuz.site_tema.deger') bu şekilde çekmek sakıncalımı yada laravel eko sistemi üzerinde bunu başka nasıl yapabilirim?

/**

Bootstrap any application services.
*
@return void
*/
public function boot()
{
$this->loadViewsFrom(DIR.'/path/to/views', 'courier');
}

Bu yukarıdakini biraz daha geliştirmek gerekirse. Provider içerisinde aşağıdaki gibi kullanmak ne gibi sakıncalara neden olur?

$views = [
resource_path("views/themes/{config('ayar.siteayar.siteonyuz.site_tema.deger')}"),
resource_path("views/themes/default"),
];

$this->loadViewsFrom($views, 'theme');

mgsmus

Leon Provider içerisinde bu şekilde yapabilirsiniz. Ben özellikle middleware önerdim çünkü provider içinde Auth kullanamazsınız. Auth ihtiyacınız yoksa bu da olur.

Leon

Tüm yardımlarınız için çok teşekkür ederim mgsmus . Evet, kullanıcıya özel bir tema seçimi yapmayacağım için auth ihtiyacım yok. Şimdi bu yaptığım senaryoda artık blade dosyalarında @extends('theme::onyuz.layouts.master') tanımlası yapabiliyorum. Peki bir <img src="{{theme::folder}}/logo.png" şeklinde bir tanımlayı nasıl yapmam gerekir yada nerede bu tanımlayı yapmam gerekiyor?

Yada aşağıdaki gibi mi kullanmalıyım?
<img src="/themes/{{config('ayar.siteayar.siteonyuz.site_tema.deger')}}/images/designer.svg" class="img-fluid" style="width: 500px;" alt="">

mgsmus

Leon

app/Services/Theme/Theme.php gibi bir sınıf oluşturun:

<?php

namespace App\Services\Theme;

class Theme
{
    public function asset($path, $secure = null): string
    {
        return app('url')->asset($this->getThemeResourcePath($path), $secure);
    }

    protected function getThemeResourcePath($resource = null): string
    {
        return sprintf("/theme/%s/%s",
            config('ayar.siteayar.siteonyuz.site_tema.deger'),
            trim($resource, '/')
        );
    }
}

app/Services/Theme/ThemeFacade.php sınıfını oluşturun:

<?php

namespace App\Services\Theme;

use Illuminate\Support\Facades\Facade;

class ThemeFacade extends Facade
{
    protected static function getFacadeAccessor()
    {
        return 'theme';
    }
}

config/app.php içerisine, en alttaki Class Aliases bölümündeki aliases anahtarına kendi facade'ınızı tanımlayın:

'Theme' => \App\Services\Theme\ThemeFacade::class,

Kullandığınız service provider'ın register yöntemi içerisine binding yapın:

$this->app->bind('theme', function ($app) {
    return new \App\Services\Theme\Theme;
});

Kullandığınız service provider'ın boot yöntemi içerisine Blade direktifi oluşturun:

Blade::directive('themeAsset', function ($expression) {
    return "<?php echo Theme::asset($expression); ?>";
});

Artık Blade şablonları içinde şöyle yapabilirsiniz:

<img src="@themeAsset('images/designer.svg')" class="img-fluid" style="width: 500px;" alt="">

<!-- yada -->

<img src="{{ Theme::asset('images/designer.svg') }}" class="img-fluid" style="width: 500px;" alt="">

https://laravel.com/docs/7.x/container
https://laravel.com/docs/7.x/providers
https://laravel.com/docs/7.x/facades
https://laravel.com/docs/7.x/blade#extending-blade

---

PhpStorm kullanıyorsanız şu şekilde de @themeAsset direktifini tanımasını sağlayabilirsiniz:

Leon

@mgsmus Hocam sanırım ben senin söylediğin gibi çok yanlış bir yoldayım, ben biraz neyin ne olduğuna bakayım da öyle yazayım, dümdüz mantıkla yazmak sanırım olmayacak. Yapıyı anlatan iyi bir Türkçe kaynak var mıdır? Birde bu Facade laravel tarafında farklı mı? Ayrıca kodlama örnekleri için çok teşekkür ederim, emeğinize sağlık.

mgsmus

Leon Dokümanları, forumu ve internette makaleleri takip edin. Türkçe kaynak konusunda bilgim yok, araştırabilirsiniz ama İngilizce olmazsa olmaz, hem bilgi hem iş hayatı için. Facade bir tasarım deseni, Laravel içindeki ise Laravel için özelleştirilmiş bir yapı, Laravel Facade şeklinde düşünebilirsiniz.

Laravel bir framework, birkaç kütüphaneden oluşan bir derleme değil ve gördüğünüz gibi çok güçlü dinamiklere, yapılara sahip. Bunları zamanla keşfedeceksiniz...