DEV Community: Mahmoud Abdelfadiel

Chunk mechanism in laravel

Mahmoud Abdelfadiel — Sat, 10 Dec 2022 09:29:11 +0000

صديقى العزيز مطور لارافيل اهلا بيك مره اخرى فى مقالاتى المتواضعة جدا انهارده هنتعرف عن كيفية عمل ال
Chunk
وازاى هى بتشتغل قبل ما نبدأ سريعا كده هى اصلا الفانكشن دى بتعمل ايه هى ببساطه لو عندك استعلام هيرجع بداتا كتيره من الداتابيز فا هى بتقسم الاستعلام ده لاستعلامات صغيره على حسب عدد معين انت بتبعته كا براميتر أول فى الفانكشن

وده مثال عليها

DB::table('users')->orderBy('id')->chunk(5, function ($users) {
      foreach($users as $user){
         echo $user->name . "<br>";
      }
});

خلينا الاول نشرح الكود ده واحده واحده هنا لو انا عندى 100 مستخدم فى الداتا بيز فا هيعمل 20 استعلام لانها واخده رقم 5 كا براميتر أول فا 100\5 = 20 طبعا هنا المثال على مستخدمين قليلين لكن لو عندك الافات فا اكيد مش هتعمل جلب ل 5 فى كل مره المهم هنا اللى بيحصل ايه بقا ان اول مره بيروح ينفذ الاستعلام ده

select * from `users` order by `id` asc limit 5 offset 0

هنا بقا اللى حصل اخد الرقم 5 اللى انا بعته مع الفانكشن كا اول براميتر وكتبها عند ال
limit
وبدأ ال
offset 0
هيرجع بقا يكتب تانى استعلام ويبدأ من ال
offset 5

بالشكل ده

select * from `users` order by `id` asc limit 5 offset 5

فى الاستعلام الثالث نفس الكلام لكن هيبدأ من ال
offset 10

select * from `users` order by `id` asc limit 5 offset 10

وهكذا للنهايه وطبعا هنا لازما اكتب ال
orderby id
علشان يرتبهم ويعرف ال
offset
ماشى ازاى

وبس كده عزيزى مبرمج اللارفيل
متنساش اللايك والفولو الجميل وشير بقا والحاجات الحلوه دى
سلام عليكم

Laravel Global Scope

Mahmoud Abdelfadiel — Mon, 21 Nov 2022 11:46:18 +0000

اهلا بيك صديقى مطور لارفيل تعالى انهارده نتعرف على ميزة فى لارافيل اسمها
Laravel Global Scope
باختصار شديد هى كا شرط كده بتطبق على مودل معين أو اكثر من مودل وبالشكل ده هتطبق على اى كويرى خاصة بالمودل من غير ما تكتبها لو مش فاهم تعالى اوضحلك الموضوع اكتر

قبل ما نبدأ تعالى اوضحلك المشكله بمثال عملى فى البدايه

هفترض على سبيل المثال ان عندى فى المشروع متجر للكتب والكتب هذه يتم اضافتها من قبل مستخدمين وانا هنا محتاج المستخدم اللى يقوم بتسجيل الدخول هو اللى يتعرضله الكتب اللى تم اضافتها فقط

ويقدر يتحكم فى الحذف والتعديل وكل العمليات
فا انت هنا مطالب فى كل كويرى تتأكد ان المستخدم اللى مسجل دخول تتأكد انه حقل ال
user_id == auth()->id()

فا بدل ماتكتب ده بقا كل الكويرى اللى هستخدمها ظهر عندنا بقا ال
Laravel Global Scope
عندى منها نوعين هما

انك تعملها فى كلاس منفصل وتستخدمها على أكثر من مودل
انك تعملها فى نفس المودل

نبدأ الاول

--- فى كلاس منفصل

هنكمل على نفس المثال هننشئى اولا مجلد جديد بداخل ال
app
وليكن اسمه
Scopes
هيكون عندى بالشكل ده
app/Scopes

وهنشأ بداخله ملف وليكن اسمه
AuthorScope.php

فى البدايه سوف نعطى الملف
namespace

<?php 
namespace  App\Scopes;

ثم ننشأ بداخله
class

<?php 
namespace  App\Scopes;
class AuthorScope{

}

ثم نقوم عمل استدعاء لل
Scope interface

<?php 
namespace  App\Scopes;
use Illuminate\Database\Eloquent\Scope;

class AuthorScope implements Scope{

}

بعد ذلك نقوم بعمل فانكشن جديدة اسمها
apply

تأخذ اتنين براميتر الاول هما
Illuminate\Database\Eloquent\Model;
Illuminate\Database\Eloquent\Builder;

<?php 
namespace namespace App\Scopes;

use Illuminate\Database\Eloquent\Scope;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Builder;

class AuthorScope implements Scope{


   /**
    * @param  \Illuminate\Database\Eloquent\Builder  $builder
    * @param  \Illuminate\Database\Eloquent\Model  $model
    * @return void
    */

   public function apply(Builder $builder, Model $model)
   {
       $builder->where('user_id', auth()->id() );
   }
}

هكذا تعلمنا كيفية انشاء
--- scope
بشكل منفصل
سنتعلم كيفية تطبيقها على اى مودل موجود عندنا بداخل التطبيق
سنكمل على نفس المثال السابق

namespace App\Models;

use App\Scopes\AuthorScope;
use Illuminate\Database\Eloquent\Model;

class Book extends Model
{



   protected static function boot()
   {
       parent::boot();
       static::addGlobalScope(new AuthorScope);
   }
}

وبذلك سوف يتم اضافة هذا الشرط على جميع الكويرى على هذا المودل على سبيل المثال

Book::all(); 
// سيتم اضافة هذا الشرط تلقائيا طالما هذا المودل مرتبط  
// Author Scope
// بمعنى ان الاستعلام السابق هو فى الاصل 
// Book::where( 'user_id' , auth()->id() );

_ملاحظات هامة
_
1- فى حالة اردنا اضافة
select

سوف تكتب
addSelect

على سبيل المثال

<?php 
namespace namespace App\Scopes;

use Illuminate\Database\Eloquent\Scope;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Builder;

class AuthorScope implements Scope{


   /**
    * @param  \Illuminate\Database\Eloquent\Builder  $builder
    * @param  \Illuminate\Database\Eloquent\Model  $model
    * @return void
    */

   public function apply(Builder $builder, Model $model)
   {
       $builder->addSelect(['id','title' , 'description' , 'user_id','created_at'] );
   }
}

2- فى بعض الحالات نحتاج لعدم استخدام هذا ال
Scope
وفى هذه الحاله نقوم باستخدام

Book::withoutGlobalScopes(AuthorScope::class)->all();

وفى حالة كان يوجد عندنا اكثر من واحد ونريد الغاء نقوم بتمريرهم كا مصفوفة
( Array )

Book::withoutGlobalScopes([AuthorScope::class , OtherScope ::class , .......... ])->all();

وفى حالة الغاء الجميع نترك البارميتر فارغ بهذا الشكل

Book::withoutGlobalScopes()->all();

وبهذا الشكل قد تعرفنا على كيفية الانشاء فى كلاس منفصل وتطبيقه على اى مودل متواجد بداخل التطبيق سنتعرف ايضا على كيفية الاستخدام بداخل المودل فى حالة كان بسيط ولا حاجه لفصله فى كلاس منفصل ستكون الطريقة كالاتى

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Builder;

class Book extends Model
{
   /**
    *
    * @return void
    */
   protected static function boot()
   {
       parent::boot();

       static::addGlobalScope('author', function (Builder $builder) {
           $builder->where('user_id',  auth()->id() );
       });
   }
}

فى حالة اذا اردنا عدم استخدامه فى استعلام ما تكون بنفس الطريقه السابقه ولكن استخدام الاسم لانه لايوجد كلاس هنا بهذه الطريقة

Book::withoutGlobalScopes('author')->all();

Laravel : How to Create a regular expression constraints on the parameters in the routes file

Mahmoud Abdelfadiel — Wed, 16 Nov 2022 14:53:06 +0000


Route::get('test/{id}', function(){
    return 'test page ';
});

// id=xxxxxxxxxx

// http://127.0.0.1:8000/test/xxxxxxxxxx 
// output => test page

Add condition id => any number integer unsigned = [0-9]+

Route::get('test/{id}', function(){
    return 'test page ';
})->where(['id' => '[0-9]+']);

// id=xxxxxxxxxx

// http://127.0.0.1:8000/test/xxxxxxxxxx 
// output 404 NOT FOUND

// id=10 

// http://127.0.0.1:8000/test/10 
// output => test page

You can make the condition on the whole project

open app/Providers/RouteServiceProvider.php;

 public function boot()
 {
        Route::pattern('id', '[0-9]+');
        parent::boot();
 }

Reference

https://laravel.com/docs/9.x/routing#parameters-regular-expression-constraints

Merge bootstrap file input with laravel

Mahmoud Abdelfadiel — Sun, 16 Oct 2022 09:39:09 +0000

Download bootstrap file input
https://github.com/kartik-v/bootstrap-fileinput

include files

css

<link rel="stylesheet" href="/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css" crossorigin="anonymous">
<link href="{{asset('/file-input/css/fileinput.min.css')}}" rel="stylesheet" type="text/css">

JS

<script src="{{asset('/jquery.js')}}"></script>
<script src="{{asset('/file-input/js/plugins/piexif.min.js')}}"></script>
<script src="{{asset('/file-input/js/plugins/sortable.min.js')}}" ></script>
<script src="{{asset('/file-input/js/fileinput.min.js')}}"></script>
<script src="{{asset('/file-input/themes/fas/theme.min.js')}}"></script>
<script src="{{asset('/file-input/js/locales/LANG.js')}}"></script>

HTML INPUT

<input type="file" multiple id="inp-images"   name="images[]" class="form-control">

init file input



<script>
$("#inp-images").fileinput({
            theme: "fa",
            maxFileCount: 20,
            allowedFileTypes: ['image'],
            showCancel: true,
            showRemove: false,
            showUpload: false,
            overwriteInitial: false,
});
// edit style button remove
$('.fileinput-remove').html('<i class="fa fa-times-circle text-danger"></i>').addClass('rounded p-1 m-1')
        ;
</script>

server

public function store(){
  $images = [];
  $files = $request->images;
   foreach($files as $file){

       $textRandom=Str::random(20).time();
       $extenstion= $file->getClientOriginalExtension();
       $fileName=$textRandom.".".$extenstion;
       $file->move(public_path('uploads/'), $fileName);
       $images[]=[
         "name"=>$fileName
       ];



  }

   Image::insert($images)
}

edit images

server

  public function get_images(){
    $images = Image::get();
    return view('edit',compact('images'));
  }

public function destroyImg($imgId){
        $img=Image::whereId($imgId)->first();


        // check image in database
        if(!$img){
            return response()
                    ->json(['error'=>'Sorry, the image is not in the database']);
        }
        // check image in files
        if(!File::exists('uploads/'.$img->name)){
            return response()
                    ->json(['error'=>'Sorry, the image is not in the file folder']);
        }
        unlink('uploads/'.$img->name);
        $img->delete();
        return true;


    }

blade edit

HTML

<input type="file" multiple id="inp-images"   name="images[]" class="form-control">

JS

  $("#inp-images").fileinput({
            theme: "fa",
            maxFileCount: 20,
            allowedFileTypes: ['image'],
            showCancel: true,
            showRemove: false,
            showUpload: false,
            overwriteInitial: false,
            initialPreview: [
                @foreach($images as $img)
                    "{{ asset('uploads/'.$img->name)}}",
                @endforeach
            ],
            initialPreviewAsData: true,
            initialPreviewConfig: [
                @foreach($images as $img)
                    @php $size=filesize('uploads//'.$img->name);  @endphp
                    { size:"{{$size}}" , width: "120px", url: "{{route('deestroy.img',[$img->id , '_token' => csrf_token()])}}"},
                @endforeach
            ],
     });
     $('.fileinput-remove').
                            html('<i class="fa fa-times-circle text-danger"></i>')
                            .addClass('rounded p-1 m-1')
        ;
    $("#inp-images").on("filepredelete", function(jqXHR) {
    var abort = true;
    if (confirm("Are you sure you want to delete this image?")) {
        abort = false;
    }
    return abort;
    });