sex geschichten - sex geschichten - sex stories - sex stories - sex geschichten - xnxx - sex geschichten - xnxx - porno - xhamster - xhamster - hd porno - sex geschichten - xvideos - sex videos - xvideos - brazzers - sex geschichten - pornhub - redtube - sex geschichten - sex stories - xhamster - xnxx - xvideos - youporn - brazzers - brazzers - porno - porno - brazzers - youporn - brazzers - hd porno - sex geschichten - xhamster - xnxx - xvideos - youporn - porno - xhamster - xnxx - xnxx - sex geschichten - xnxx - xnxx - xvideos - youporn - pornos - xnxx - redtube - pornhub - xnxx

PHP Laravel 5.5 – Bootstrap Admin Tema Karıştırma örneği

Bugün Bu yazıda, size sıfırdan Laravel 5 uygulamasında bootstrap admin şablonunu nasıl yükleyeceğinizi paylaşacağım. Bu örnekte, Laravel’de 5.0, 5.1, 5.2, 5.3 ve 5.4 gibi farklı versiyonların nasıl yükleneceğini öğrenebilirsiniz.

Bu örnekte SB Yönetici temasını laravel uygulamasına entegre edeceğiz. Bu örnek sayesinde diğer bootstrap temalarını laravel uygulamasına nasıl entegre edebileceğinizi kolayca anlayabilirsiniz. İşte çok temel bir örnek form başlangıç ​​ve adım adım yönetim temasının entegre edilmesi. Yönetici teması, herhangi bir web uygulaması için çok temel bir gerekliliktir. Yönetici paneli olmadan web sitemizi yönetemiyoruz.

Yani, bu örnekte temanın entegrasyonundan sonra iki sayfa oluşturacağım. Bu iki sayfada entegre temamızı kullanacağız. bu sayfa şu şekilde olacaktır:

1) my-home

2) my-users

Tamam, bu örneği tamamladıktan sonra, ana sayfanın düzenini aşağıdaki ekran görüntüsü gibi görürsünüz.

1. Adım: Laravel’in Yeni Uygulamasını Yükleyin

biz sıfırdan gideceğiz, bu yüzden yeni komutu kullanarak Laravel uygulamasını almamız gerekiyor, terminalini VEYA komut istemini aç ve şu komutu çalıştır:

 

Bu adımda, buradan sb admin temasını indireceğiz: Download SB Admin Tema . İndirdikten sonra ayıklayın.

Tamam şimdi js, css ve ikonları alıp laravel uygulamamıza koymalıyız. Bu yüzden iki noktayı takip et.

Nokta 1: Laravel uygulamasının public klasöründe yeni theme klasörü oluşturun .

Nokta 2: İndirdiğiniz Dosyanın içindeki  dist ve vendor klasörlerini kopyalayıp “theme” dizinine koyun.

 

3. Adım: Rota Oluşturun

İlk önce sıfırdan bir örnek oluşturacağız. Önce, “my-home” ve “my-users” olmak üzere iki yol daha ekledik. Dolayısıyla, rota dosyanızı açın ve feryat rota ekleyin:

routes/web.php

 

Adım 4: Kontrol Cihazı Ekle

Bu adımda, yeni HomeController oluşturacak ve ön panel sayfası ve kullanıcılarım sayfası için iki yöntem ekleyeceğiz. Dolayısıyla, HomeController programımıza aşağıdaki kodu koymamız gerekiyor:

app/Http/Controllers/HomeController.php

 

 

5. Adım: Tema Blade Dosyalarını Ayarlayın

Bu adımda, tema bıçağı dosyalarını kurmamız gerekiyor. SB Yönetici için üç dosya yarattım. Başka bir temanız varsa ve o zaman büyük dosyaları yönetiyorsanız, daha fazla dosya var. İlk olarak , görünümler klasörü üzerinde tema klasörü oluşturacağız . Tema klasöründe aşağıdaki gibi üç dosya oluşturacağız:

1) default.blade.php

2) header.blade.php

3) sidebar.blade.php

Tamam, şimdi bu üç dosya için kod eklemeliyiz. aşağıdaki listede gösterildiği gibi:

resources/views/theme/default.blade.php

 

 

resources/views/theme/header.blade.php

 

 

resources/views/theme/sidebar.blade.php

 

 

6. Adım: Temayı Kullanın

Bu adımda, entegre tema düzenimizi kullanarak iki yeni blade dosyası oluşturacağız. Evet, ev için iki rota ekledik ve kullanıcılar için bir tane daha ekledik. Bu yüzden iki dosya oluşturalım ve entegre temayı nasıl kullanacağımıza göz atalım.

resources/views/myHome.blade.php

 

resources/views/myUsers.blade.php

 

Tamam, diğer dosyalar olarak entegre temayı kullandık ve onu tekrar tekrar diğer sayfalarla nasıl kullanabileceğimizi anlayabiliyorsunuz.

Şimdi, örneğimizi çalıştırmaya hazırız, böylece hızlı çalıştırma için komutu çalıştıralım:

 

Artık tarayıcınızda fotokopi sayfasını açabilirsiniz:

 

Umarım en iyi çözümü bulmuşsundur ….

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.

DMCA.com Protection Status