Maison  >  Article  >  cadre php  >  Comment utiliser Laravel pour créer un système backend

Comment utiliser Laravel pour créer un système backend

PHPz
PHPzoriginal
2023-04-14 15:34:131146parcourir

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>


这个模板将包含必要的CSS和JS文件,并将使用Laravel-admin定义的视图来呈现我们的内容。

现在我们可以创建我们的后台视图,找到resources/views/admin/dashboard.blade.php并添加以下代码:

@extends('admin::index')

@section('content')

Welcome to the Dashboard

@endsection

这个视图将会添加一个标题并显示它在控制器内定义的文本。

第五步:添加菜单和路由
现在我们已经创建了我们的后台界面,我们还需要为我们的应用程序添加一些菜单和路由。我们可以使用Laravel-admin提供的菜单构建器来轻松地创建菜单,方法如下:

Step1: 打开app/Admin/bootstrap.php文件并添加以下代码:

use Encore\Admin\Menu;

Menu::create(function ($menu) {

$menu->add('Dashboard', ['route' => 'admin.dashboard']);

});

这将创建一个名为Dashboard的菜单项,并将其链接到我们的Dashboard路由。

Step2: 找到resources/views/vendor/admin/sidebar.blade.php文件并添加以下代码:

  • <a href="{{ admin_url(&#39;/&#39;) }}">
        <i class="fa fa-fw fa-dashboard"></i>
        <span>Dashboard</span>
    </a>

  • 这将在我们的后台侧栏中添加一个Dashboard链接。

    最后,我们可以在我们的控制器路由中为我们的菜单项添加一个名称。找到routes/admin.php文件并添加以下代码:

    Route::get('/', 'Admin\DashboardController@index')->name('admin.dashboard');

    现在我们已经完成了我们的后台系统搭建,我们可以登录并开始使用它了。使用Laravel框架和Laravel-admin构建自己的后台系统变得非常简单,我们可以使用这些工具快速创建强大的应用程序。

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

    Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn