Laravel est un framework Web PHP populaire largement utilisé pour le développement d'applications Web et d'API. Il est connu pour fournir une syntaxe facile à utiliser, élégante et flexible qui permet aux développeurs de créer rapidement des applications Web complexes. Dans cet article, nous verrons comment créer facilement un système backend simple mais puissant à l'aide du framework Laravel.
Étape 1 : Installer Laravel
Pour que le framework Laravel développe des fonctions associées, nous devons d'abord installer Laravel. Nous pouvons utiliser Composer pour créer une nouvelle application Laravel. La méthode est la suivante :
Étape 1 : Installez d'abord la dernière version de Composer Le site officiel propose des méthodes de téléchargement pour plusieurs plateformes.
Étape 2 : Exécutez la commande suivante :
composer create-project --prefer-dist laravel/laravel laravel-admin
Cela créera une nouvelle application Laravel et l'installera dans un dossier appelé laravel-admin. En attendant la fin de l'exécution de la commande, nous pouvons entrer dans ce dossier pour continuer l'étape suivante.
Étape 2 : Installez Laravel-admin
Afin de rendre la gestion en arrière-plan plus pratique, nous pouvons utiliser Laravel-admin. Il s'agit d'un panneau de gestion backend pour Laravel, qui peut facilement générer du CRUD (créer, lire, mettre à jour, supprimer) et certaines opérations courantes, telles que le téléchargement de fichiers, le sélecteur de date et d'heure, l'éditeur de texte enrichi, etc.
Nous pouvons utiliser Composer pour installer Laravel-admin comme suit :
Étape 1 : Ouvrez le terminal et basculez vers notre dossier de projet Laravel, puis entrez dans la ligne de commande :
composer require encore/laravel-admin
Étape 2 : Après l'installation, nous devons ajouter un fournisseur de services pour Laravel-admin dans notre fichier de configuration. Modifiez le fichier app.php et ajoutez le code suivant au tableau des fournisseurs :
EncoreAdminAdminServiceProvider::class,
Étape 3 : Ensuite, nous devons préparer la base de données requise par le backend. Exécutez la commande suivante :
php artisan admin:install
Cela créera un utilisateur et un rôle par défaut que nous pourrons ensuite utiliser pour nous connecter au système backend et gérer notre application.
Étape 3 : Configurer les routes et les contrôleurs
Nous devons définir certaines routes pour connecter notre interface backend et nos contrôleurs. Modifiez le fichier routes/admin.php et ajoutez les routes suivantes :
use EncoreAdminFacadesAdmin;
Route::get('/', function () {
return Admin::content('Dashboard');
});
Cela définit un parcours Basic, qui précisera le contenu de notre page d'accueil. Nous devons maintenant créer un contrôleur pour afficher notre vue.
Étape 1 : Nous pouvons saisir la commande suivante dans le terminal pour créer un contrôleur :
php artisan make:controller Admin/DashboardController
Étape 2 : Ensuite, ouvrez notre fichier DashboardController.php et ajoutez le contenu suivant :
< ?php
namespace AppHttpControllersAdmin;
use EncoreAdminControllersAdminController;
class DashboardController extends AdminController
{
public function index() { return $this->content('Dashboard'); }</p> <p>}</p> <p>Step3 : Enfin, nous devons également définir notre nouvelle route de contrôleur dans le fichiers routes/admin.php:</p> <p> Route::get('/', 'AdminDashboardController@index');</p> <p>Désormais, lors de l'accès à notre application dans le navigateur, nous pouvons voir le contenu du tableau de bord en arrière-plan. </p> <p>Étape 4 : Créer l'interface backend<br>Maintenant que nous avons défini nos routes et nos contrôleurs, l'étape suivante consiste à créer notre interface backend. Nous pouvons utiliser les modèles et composants fournis par Laravel-admin pour construire rapidement notre système backend. </p> <p>Étape 1 : Ouvrez le fichier app/Admin/bootstrap.php et ajoutez le code suivant : </p> <p>Admin::js(asset('vendor/laravel-admin/AdminLTE/bootstrap/js/bootstrap.min.js')) ;<br> Admin::js(asset('vendor/laravel-admin/AdminLTE/dist/js/app.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/ datatables/ jquery.dataTables.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables.bootstrap.min.js'));<br>Admin::js (asset ('vendor/laravel-admin/AdminLTE/plugins/slimScroll/jquery.slimscroll.min.js'));<br>Admin::js(asset('vendor/laravel-admin/eonasdan-bootstrap-datetimepicker/build/ js/ bootstrap-datetimepicker.min.js'));<br>Admin::js(asset('vendor/laravel-admin/AdminLTE/plugins/select2/select2.full.min.js'));<br>Admin::js (actif ('vendor/laravel-admin/AdminLTE/plugins/ckeditor/ckeditor.js'));</p> <p>Admin::css(asset('vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css ') );<br>Admin::css(asset('vendor/laravel-admin/AdminLTE/dist/css/AdminLTE.min.css'));<br>Admin::css(asset('vendor/laravel-admin/AdminLTE /dist /css/skins/skin-blue.min.css'));<br>Admin::css(asset('vendor/laravel-admin/AdminLTE/plugins/datatables/dataTables.bootstrap.min.css')); <br>Admin ::css(asset('vendor/laravel-admin/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css'));<br>Admin::css(asset('vendor/laravel-admin /AdminLTE /plugins/select2/select2.min.css'));</p> <p>这将添加一些必要的CSS和JS文件,以便后台模板能够正确地运行。现在我们可以创建我们的后台模板。</p> <p>Step2: 找到resources/views/vendor/admin/layout.blade.php文件并添加以下代码:</p> <p><!DOCTYPE html><br><html><br><head></p> <pre class="brush:php;toolbar:false"><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>@yield('title') - {{ admin_title() }}</title> {!! admin_css() !!} {!! admin_js() !!}
<div class="wrapper"> {!! $content !!} </div>