Relation de recherche Yajra DataTables dans Laravel 10

Relation de recherche Yajra DataTables dans Laravel 10 – Brilliansolution.com. Si vous affichez des données, vous avez deux tables dans votre table de données et souhaitez filtrer les données de colonne avec différentes tables dans l’application Laravel 10. Par exemple, vous avez 2 tables, la 1ère est les publications et la 2ème est les utilisateurs et vous créez des relations dans chaque table. Ensuite, vous souhaitez afficher et filtrer par titre de message et qui écrit ce message (nom de l’auteur). À ce stade, vous devez utiliser la colonne datatables laravel yajra avec relation.

Ainsi, dans ce didacticiel, vous apprendrez à filtrer et à afficher les données dans la colonne Yajra dataTables avec des relations dans les applications Laravel 10.

Relation de recherche Yajra DataTables dans Laravel 10

En utilisant ces étapes, vous pouvez implémenter la recherche ou le filtrage dans les applications laravel avec des relations datatable :

• Étape 1 – Installer l’application Laravel 10
• Étape 2 – Connexion de l’application à la base de données
• Étape 3 – Installer Yajra DataTable
• Étape 4 – Créer une migration et un modal
• Étape 5 – Ajouter un itinéraire
• Étape 6 – Créer un contrôleur par Artisan Command
• Étape 7 – Créer un fichier lame
• Étape 8 – Exécuter le serveur de développement

Étape 1 – Installer l’application Laravel 10

Tout d’abord, ouvrez votre terminal et exécutez la commande suivante pour installer ou télécharger ou installer l’application Laravel 10 :

composer create-project --prefer-dist laravel/laravel blog

Étape 2 – Connexion de l’application à la base de données

Dans cette étape, configurez votre base de données avec vos applications. Alors, visitez le répertoire racine de votre application et trouvez le fichier .env. Configurez ensuite les détails de la base de données comme suit :

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=Enter_Your_Database_Name
DB_USERNAME=Enter_Your_Database_Username
DB_PASSWORD=Enter_Your_Database_Password

Étape 3 – Installer Yajra DataTable

Dans cette étape, exécutez la commande suivante sur le terminal pour installer yajra datatable via le package composer, ouvrez donc votre terminal et exécutez la commande suivante :

composer require yajra/laravel-datatables-oracle

Après cela, vous devez définir les fournisseurs et l’alias.

config/app.php

.....
'providers' => [
    ....
    Yajra\DataTables\DataTablesServiceProvider::class,
]
'aliases' => [
    ....
    'DataTables' => Yajra\DataTables\Facades\DataTables::class,
]
.....

Étape 4 – Créer une migration et un modal

Dans cette étape, ouvrez à nouveau votre terminal/ligne de commande/invite de commande. Et exécutez-y la commande suivante pour créer des fichiers de modèle et de migration pour vos applications laravel :

php artisan make:modal Post -m

base de données/migrations/2020_05_20_070104_create_posts_table.php

id();
            $table->integer('user_id');
            $table->string('title');
            $table->timestamps();
        );
    
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    
        Schema::dropIfExists('posts');
    

Exécutez maintenant la commande suivante

php artisan migrate

Après avoir mis à jour le code suivant dans votre fichier de modèle Post pour créer une table de messages.

Ouvrez ensuite le modèle Post.php, qui est placé dans le répertoire App/models et créez une relation dans ce modèle :

belongsTo(User::class,'user_id','id');
    

Étape 5 – Ajouter un itinéraire

Ensuite, ouvrez votre “routes/web.php” fichier et ajoutez la route suivante :

use App\Http\Controllers\PostController;

Route::get('posts', [PostController::class, 'index'])->name('posts.index');

Étape 6 – Créer un contrôleur par Artisan Command

Dans cette étape, ouvrez votre terminal et exécutez la commande suivante pour créer le fichier PostController.php :

php artisan make:controller PostController

Cette commande créera PostController par la commande artisan.

Ensuite, allez à app/http/controller/PostController.php. et mettez à jour les méthodes suivantes dans votre fichier de contrôleur :

ajax()) 
            $model = Post::with('users');
                return DataTables::eloquent($model)
                ->addColumn('users', function (Post $post) 
                    return $post->users->name;
                )
                ->toJson();
        
        return view('users');
    

Étape 7 – Créer un fichier lame

Dans cette étape, visitez le répertoire resources/views et créez un nouveau fichier utilisateurs.blade.php.

Après cela, mettez à jour le code html et javascript suivant dans votre fichier blade view :

  











Laravel Datatables with Relationship Tutorial - Tutsmake.com

@if (session('status'))

 session('status') 

@endif



No
Title
Auther

Étape 8 – Exécuter le serveur de développement

Dans cette étape, exécutez le service artisanal php commande sur le terminal pour démarrer le serveur localement :

php artisan serve

Ensuite, ouvrez votre navigateur et cliquez sur l’url suivante :

Conclusion

Tables de données Laravel 10 avec exemple de relation, vous avez appris à utiliser une relation sur des tables de données et à filtrer une colonne de tables de données sur une relation.

(Visité 1 fois, 1 visites aujourd’hui)

En rapport