# Laravel - Follow Unfollow System Example, like, subscribe full (ok) ## Source code practive {% file src="" %} ## Chú ý từ bản overtrue/laravel-follow ^3.0.0 nó đã tách thành các gói riêng biệt như [laravel-like](https://github.com/overtrue/laravel-like), [laravel-favorite](https://github.com/overtrue/laravel-favorite), [laravel-subscribe](https://github.com/overtrue/laravel-subscribe), [laravel-vote](https://github.com/overtrue/laravel-vote), [laravel-follow](https://github.com/overtrue/laravel-follow) (ok) về cơ bản giống nhau nhưng do hoàn cảnh ngữ nghĩa họ tách ra * Like: [overtrue/laravel-like](https://github.com/overtrue/laravel-like) * Favorite: [overtrue/laravel-favorite](https://github.com/overtrue/laravel-favorite) * Subscribe: [overtrue/laravel-subscribe](https://github.com/overtrue/laravel-subscribe) * Vote: [overtrue/laravel-vote](https://github.com/overtrue/laravel-vote) * Follow: [overtrue/laravel-follow](https://github.com/overtrue/laravel-follow) C:\xampp82\htdocs\lva1\routes\api.php ```php get('/user', function (Request $request) { return $request->user(); }); Route::get('/user', function () { // $user1 = User::find(1); // $user2 = User::find(2); // $user2->follow($user1); // // $user2->unfollow($user1); // return response()->json($user2); // $user = User::find(1); // $post = Post::find(2); // $user->like($post); // return response()->json($user); // $user = User::find(1); // $post = Post::find(2); // $user->favorite($post); // return response()->json($user); // $user = User::find(1); // $post = Post::find(2); // $user->subscribe($post); // return response()->json($user); $user = User::find(1); $idea = Post::find(2); $user->vote($idea); return response()->json($user); }); ``` ## Ví dụ 1: tạo follow, unfollow :thumbsup: ## Chú ý: version "overtrue/laravel-follow": "^5.1" có chút thay đổi và không sử dụng table [user\_follower](https://localhost/phpmyadmin/index.php?route=/sql\&pos=0\&db=lva1\&table=user_follower) nữa. C:\xampp82\htdocs\lva1\app\Models\User.php ```php */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` {% embed url="" %} Cài đặt hiện tại composer require overtrue/laravel-follow nó chưa tương thích với bản 8.x do đó ta dùng cách sau ``` composer require overtrue/laravel-follow:3.0.0 ``` config/app.php ``` 'providers' => [ .... Overtrue\LaravelFollow\FollowServiceProvider::class, ], ``` ``` php artisan vendor:publish --provider='Overtrue\LaravelFollow\FollowServiceProvider' --tag="migrations" ``` ``` php artisan migrate ``` ``` composer require laravel/ui ``` ``` php artisan ui bootstrap --auth ``` C:\xampp\htdocs\reset\routes\api.php ``` get('/user', function (Request $request) { return $request->user(); }); Route::get('/user', function () { $user1 = User::find(1); $user2 = User::find(2); $user2->follow($user1); // $user2->unfollow($user1); return response()->json($user2); }); ``` C:\xampp\htdocs\reset\database\migrations\2020\_04\_04\_000000\_create\_user\_follower\_table.php ``` increments('id'); $table->unsignedBigInteger('following_id')->index(); $table->unsignedBigInteger('follower_id')->index(); $table->timestamp('accepted_at')->nullable()->index(); $table->timestamps(); }); } public function down() { Schema::dropIfExists(config('follow.relation_table', 'user_follower')); } } ``` C:\xampp\htdocs\reset\app\Models\User.php ``` */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` **Create Dummy Users** ``` php artisan tinker App\Models\User::factory(100)->create(); ``` Kết quả sau khi truy cập ![](https://1592565776-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LVfVRgKBlsVnWvhnDaa%2Fuploads%2FxEuFiT5HE39a3FGH1ZvL%2FScreenshot_1.png?alt=media\&token=84bf87b7-6d40-41fd-aeb1-b71e43661287) ![](https://1592565776-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LVfVRgKBlsVnWvhnDaa%2Fuploads%2FNpfgSuHiLlj5PrY7VCPm%2FScreenshot_2.png?alt=media\&token=2e930a28-5f8e-48f0-ad02-a539ce141f6e) ## Ví dụ 2: Tạo like, unlike ### Chú ý: Từ version "overtrue/laravel-like": "^5.2" đã thay đổi C:\xampp82\htdocs\lva1\app\Models\User.php ```php get('/user', function (Request $request) { return $request->user(); }); Route::get('/user', function () { // $user1 = User::find(1); // $user2 = User::find(2); // $user2->follow($user1); // // $user2->unfollow($user1); // return response()->json($user2); $user = User::find(1); $post = Post::find(2); $user->like($post); return response()->json($user); }); ``` ``` composer require overtrue/laravel-like:^2.0.0 php artisan vendor:publish php artisan vendor:publish --provider='Overtrue\LaravelLike\LikeServiceProvider' --tag="migrations" php artisan make:migration create_posts_table php artisan migrate php artisan db:seed ``` C:\xampp\htdocs\reset\database\migrations\2018\_12\_14\_000000\_create\_likes\_table.php ``` * * This source file is subject to the MIT license that is bundled. */ use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; class CreateLikesTable extends Migration { /** * Run the migrations. */ public function up() { Schema::create(config('like.likes_table'), function (Blueprint $table) { $table->bigIncrements('id'); $table->unsignedBigInteger(config('like.user_foreign_key'))->index()->comment('user_id'); $table->morphs('likeable'); $table->timestamps(); }); } /** * Reverse the migrations. */ public function down() { Schema::dropIfExists(config('like.likes_table')); } } ``` C:\xampp\htdocs\reset\database\factories\PostFactory.php ``` $this->faker->text(10), ]; } } ``` C:\xampp\htdocs\reset\app\Models\Post.php ``` get('/user', function (Request $request) { return $request->user(); }); Route::get('/test', function () { $user = User::find(1); $post = Post::find(2); $user->like($post); }); ``` C:\xampp\htdocs\reset\database\seeders\DatabaseSeeder.php ``` create(); \App\Models\Post::factory(20)->create(); } } ``` C:\xampp\htdocs\reset\app\Models\User.php ``` */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` C:\xampp\htdocs\reset\database\migrations\2022\_05\_15\_194934\_create\_posts\_table.php ``` id(); $table->string('title'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('posts'); } } ``` Kết quả: ![](https://1592565776-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LVfVRgKBlsVnWvhnDaa%2Fuploads%2F6b6sW8xChfrWp1FRtqMu%2FScreenshot_3.png?alt=media\&token=f266dfdc-cc20-4150-9a5e-0235f3e81655) ![](https://1592565776-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LVfVRgKBlsVnWvhnDaa%2Fuploads%2FmoanF2lveXara8xHMR2V%2FScreenshot_4.png?alt=media\&token=67def435-b3a2-467b-8975-d3495c67559d) ## Ví dụ 3: Tạo favorite, unfavorite ## Chú ý "overtrue/laravel-favorite": "^5.1"
C:\xampp82\htdocs\lva1\app\Models\User.php ```php */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` C:\xampp82\htdocs\lva1\app\Models\Post.php ```php morphOne(Avatar::class, 'avatarable'); } public function comments() { return $this->morphMany(Comment::class, 'commentable'); } } ``` ## Ví dụ 4: Tạo subscribe, unsubscribe C:\xampp82\htdocs\lva1\app\Models\User.php ```php */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` C:\xampp82\htdocs\lva1\app\Models\Post.php ```php morphOne(Avatar::class, 'avatarable'); } public function comments() { return $this->morphMany(Comment::class, 'commentable'); } } ``` ## Ví dụ 5: Tạo vote, unvote
Do họ chưa làm lệnh này nên chúng ta copy thủ công bảng ra migrate ``` php artisan vendor:publish --provider="Overtrue\\LaravelVote\\VoteServiceProvider" --tag=migrations ``` C:\xampp82\htdocs\lva1\app\Models\User.php ```php */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; } ``` C:\xampp82\htdocs\lva1\app\Models\Post.php ```php morphOne(Avatar::class, 'avatarable'); } public function comments() { return $this->morphMany(Comment::class, 'commentable'); } } ``` ## Laravel - Follow Unfollow System Example By Hardik Savani June 16, 2018 Category : PHP Laravel Bootstrap jQuery MySql Ajax![](https://a.vdo.ai/core/assets/img/cross.svg)PauseUnmuteLoaded: 1.00%Fullscreen[![VDO.AI](https://a.vdo.ai/core/assets/img/logo.svg)](https://vdo.ai/?utm_medium=video\&utm_term=itsolutionstuff.com\&utm_source=vdoai_logo)Hi Guys, Today I have a special tutorial for you developer, I would like to share with you how to implement a follow and unfollow system with PHP Laravel and MySQLi like Twitter and Facebook. So basically, a user can follow unfollow another user and you can see which users following you and how many followers you have. So, in this post. I will explain you step by step create follow system in laravel 5, laravel 6, laravel 7, laravel 8 and laravel 9 application. we will use "overture/laravel-follow" composer package for following a system. we will create users table and user authentication using laravel auth. then a user can log in and see how many he has followers and following you. Just follow a few step and you will get layout like as bellow preview and also you can download script from bellow link. Preview Of All Users: ![](https://www.itsolutionstuff.com/upload/laravel-follow-unfollow-system.png) Preview Of User Follower: ![](https://www.itsolutionstuff.com/upload/laravel-user-followers.png) Preview Of User Following: ![](https://www.itsolutionstuff.com/upload/laravel-user-following.png) **Step 1: Install Laravel 5.6** In first step, If you haven't installed laravel 5.6 in your system then you can run bellow command and get fresh Laravel project. ``` composer create-project --prefer-dist laravel/laravel blog ``` **Step 2: Install laravel-follow Package** Now we require to install laravel-follow package for like unlike system, that way we can use it's method. So Open your terminal and run bellow command. ``` composer require overtrue/laravel-follow ``` Now open config/app.php file and add service provider and aliase. config/app.php ``` 'providers' => [ .... Overtrue\LaravelFollow\FollowServiceProvider::class,], ``` After that we need to run migration configure file that we it will automatic generate migrations. so let's run. ``` php artisan vendor:publish --provider='Overtrue\LaravelFollow\FollowServiceProvider' --tag="migrations" ``` Then just migrate it by using following command: ``` php artisan migrate ``` Read Also: [Laravel 5 import export to excel and csv using maatwebsite example.](https://www.itsolutionstuff.com/post/laravel-5-import-export-to-excel-and-csv-using-maatwebsite-exampleexample.html) **Step 3: Create Authentication** In this step we require to create authentication of Laravel 5.6, so laravel provide artisan command to create authentication that way we don't require to create route and controller for login and registration. so run bellow command: ``` php artisan make:auth ``` **Step 4: Create Dummy Users** In this step, we will create some dummy users for testing, so we will create dummy users using formate factory. so run below command: ``` php artisan tinker factory(App\User::class, 100)->create(); ``` **Step 5: Update User Model** here we need to update User model. we need to use CanLike facade in User model. So let's update as bellow code. App/User.php ``` name('home');Route::get('users', 'HomeController@users')->name('users');Route::get('user/{id}', 'HomeController@user')->name('user.view');Route::post('ajaxRequest', 'HomeController@ajaxRequest')->name('ajaxRequest'); ``` **Step 7: Create Controller Method** now in HomeController, we will add three new method users(), user() and ajaxRequest(). so let's see HomeController like as bellow: app/Http/HomeController.php ``` middleware('auth'); } /** * Show the application of itsolutionstuff.com. * * @return \Illuminate\Http\Response */ public function index() { return view('home'); } /** * Show the application of itsolutionstuff.com. * * @return \Illuminate\Http\Response */ public function users() { $users = User::get(); return view('users', compact('users')); } /** * Show the application of itsolutionstuff.com. * * @return \Illuminate\Http\Response */ public function user($id) { $user = User::find($id); return view('usersView', compact('user')); } /** * Show the application of itsolutionstuff.com. * * @return \Illuminate\Http\Response */ public function ajaxRequest(Request $request){ $user = User::find($request->user_id); $response = auth()->user()->toggleFollow($user); return response()->json(['success'=>$response]); }} ``` **Step 8: Create Blade files and JS File** Now in this file we will need to create userList.blade.php, users.blade.php and usersView\.blade.php files and custom.js file. So let's create both files. resources/views/users.blade.php ``` @extends('layouts.app')@section('content')
List of Users- ItSolutionStuff.com
@include('userList', ['users'=>$users])
@endsection ``` resources/views/usersView\.blade.php ``` @extends('layouts.app')@section('content')
{{ $user->name }}
Website: ItSolutionStuff.com, Email: {{ $user->email }}
@include('userList', ['users'=>$user->followers()->get()])
@include('userList', ['users'=>$user->followings()->get()])
@endsection ``` resources/views/userList.blade.php ``` @if($users->count()) @foreach($users as $user)
{{ $user->name }}

Following: {{ $user->followings()->get()->count() }} Followers: {{ $user->followers()->get()->count() }}

@endforeach@endif ``` publis/js/custom.js Read Also: [PHP Laravel - Like Dislike System Tutorial](https://www.itsolutionstuff.com/post/php-laravel-5-like-dislike-system-tutorialexample.html) ``` $(document).ready(function() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('.action-follow').click(function(){ var user_id = $(this).data('id'); var cObj = $(this); var c = $(this).parent("div").find(".tl-follower").text(); $.ajax({ type:'POST', url:'/ajaxRequest', data:{user_id:user_id}, success:function(data){ console.log(data.success); if(jQuery.isEmptyObject(data.success.attached)){ cObj.find("strong").text("Follow"); cObj.parent("div").find(".tl-follower").text(parseInt(c)-1); }else{ cObj.find("strong").text("UnFollow"); cObj.parent("div").find(".tl-follower").text(parseInt(c)+1); } } }); }); }); ``` Now you are ready to run full example. You can also download full source code of this example. I hope it can help you.... --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://learnphp.gitbook.io/learnphp/laravel-advanced/laravel-follow-unfollow-system-example-like-subscribe-full-ok.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.