CRUD App With Image Upload Using Laravel 8, jQuery - Ajax, Bootstrap 5, DataTable & SweetAlert

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 2. 08. 2021
  • Hello friends!
    In this video, I'm going to show you how to develop a complete CRUD (CREATE, READ, UPDATE, DELETE) application with Image Upload using Laravel 8, Bootstrap 5, jQuery - Ajax, DataTable, SweetAlert 2 and Bootstrap Icons.
    I'm using Laravel 8 framework as Backend, Bootstrap 5 for designing the application, jQuery - Ajax for sending HTTP requests to the server, DataTable for pagination, sorting & searching, SweetAlert 2 for displaying nice designed alert boxes and Bootstrap Icons for some icons.
    Source Code: dcodemania.com/post/crud-appl...
    #curd_app_laravel_ajax
    #laravel_8_ajax_crud_app
    **********************************************************
    If you like my works and my video tutorials then you can donate me some amount.
    **********************************************************
    Paypal: www.paypal.me/wolfmania
    UPI: sahil4rock@ybl
    **********************************************************
    **********************************************************
    "Themarketingboy" delivers a prominent strategy for a complete branding and make your website's visitors into customer. We are expert in helping business with the solution of UI-UX Designing, Website Development, Mobile App Development, SEO, SEM, Google Ads, Social Media Ads, Bulk SMS, Bulk Whatsapp, e-Mail Marketing and more.
    For more info click the link👇
    themarketingboy.com/
    Can make a call on👇
    India: +91 880-420-0340 USA: +1(832)378-9240
    **********************************************************
    Thanks for watching this video. If you like this video then hit the like button, share this video, And Subscribe to my Channel. Also, like my Facebook page for the latest updates.
    **********************************************************
    ♄ Website - dcodemania.com
    ♄ Facebook Page - / dcodemania
    ♄ Myself On FB - / sahil4rock
    ♄ Instagram - / sahil4rock
    ♄ Twitter - / dcodemania
    **********************************************************

Komentáƙe • 68

  • @Felipe-ez5gg
    @Felipe-ez5gg Pƙed rokem +2

    it was hard to find a tutorial so good like this one, thank you sir!

  • @phanthang8455
    @phanthang8455 Pƙed 2 lety +3

    This is such a good thing, Love you so much!

  • @1percentperday912
    @1percentperday912 Pƙed 2 lety +2

    easy to understand sir, thanks

  • @AlbertoGodoy-kc4rf
    @AlbertoGodoy-kc4rf Pƙed 2 lety

    Thank you bro you really helped me a lot you gained one more subscriber, seriously thank you very much

  • @DANNY-qo4gh
    @DANNY-qo4gh Pƙed rokem +1

    Thanks for sharing âŁïž

  • @babyama7555
    @babyama7555 Pƙed 2 lety +2

    sir please make tutorial on laravel crud using vue js, your tutorial are very excellent sir very clear easy to understand you are the best teacher

  • @sktabrez856
    @sktabrez856 Pƙed 3 lety +2

    You made my day. Thanks

  • @dfordemo981
    @dfordemo981 Pƙed 2 lety

    Great effort | awesome | thanks

  • @MADHAVCHANCHANI-eq7tl
    @MADHAVCHANCHANI-eq7tl Pƙed rokem

    Thank you sir Truly Awesome

  • @mohamedameen9117
    @mohamedameen9117 Pƙed rokem +1

    Thank you very much❀❀❀❀

  • @mrlee-oo6zz
    @mrlee-oo6zz Pƙed rokem

    Well Done

  • @mishenthakshana3407
    @mishenthakshana3407 Pƙed 2 lety

    Thankyou so much

  • @heynerleiva
    @heynerleiva Pƙed rokem

    Thanks it was useful

  • @SuasanaSeram
    @SuasanaSeram Pƙed 2 lety

    Thanks sir

  • @epicreviewer1485
    @epicreviewer1485 Pƙed rokem

    Best tutorial

  • @miralbudjang22
    @miralbudjang22 Pƙed 2 lety

    thanks bro 😁

  • @mishenthakshana3407
    @mishenthakshana3407 Pƙed 2 lety +1

    tell me the extension used for your cursor please

  • @divijatagautamrajan9654
    @divijatagautamrajan9654 Pƙed 3 lety

    Is this code up to the production grade?can I use this code in the production?

  • @sakavytech9141
    @sakavytech9141 Pƙed rokem

    3min to download source code and do it . Thank bro My indivual assignment just done in 3 min .already subscribe

  • @campus2024
    @campus2024 Pƙed 2 lety

    sir.. i ge the error messages like this "unknow: file created in the system's temporary directory, so how to solve this trouble ? i use xampp di windows10

  • @cjmano1712
    @cjmano1712 Pƙed 2 lety

    hi bro how can i use if else inside td please help me, i need to show the status color by condition

  • @shubhamsahuSD
    @shubhamsahuSD Pƙed 2 lety

    I am also not getting edit id, plz explain and what you did exactly to resolve, i am not catching that

  • @ps3lego95
    @ps3lego95 Pƙed 2 lety +1

    i got error 500 internal server error, how to fix that?

  • @kevinlapus7624
    @kevinlapus7624 Pƙed 2 lety

    fantastic i subscribe for more videos update

  • @blokkaliwon7794
    @blokkaliwon7794 Pƙed 8 měsĂ­ci

    Sir, how do I make the return function not return to the first page after successful edit and delete ?

  • @hatimab5012
    @hatimab5012 Pƙed rokem

    Hello sir how I can add csv excel pdf print to this table

  • @victorcastrosanchez3370
    @victorcastrosanchez3370 Pƙed rokem

    Hello
    Which is your theme of vscode please

  • @ilhamlutfi5815
    @ilhamlutfi5815 Pƙed rokem

    So this is server-side datatable sir.?

  • @amulgandhiwala
    @amulgandhiwala Pƙed 3 lety +3

    Sir which version of VS Code you are using and which theme also and sir which extensions you will use for php, laravel, js coding because in my Vs code all this extensions not working properly.

    • @DCodeMania
      @DCodeMania  Pƙed 3 lety +1

      I'll upload a video about my vs code....and there I'll show you everything okay

    • @amulgandhiwala
      @amulgandhiwala Pƙed 3 lety +2

      @@DCodeMania thank you sir. When you upload a video

    • @DCodeMania
      @DCodeMania  Pƙed 3 lety +1

      Very soon!!!

    • @amulgandhiwala
      @amulgandhiwala Pƙed 3 lety +1

      @@DCodeMania OK. Thanks Sir.

  • @wesley68593
    @wesley68593 Pƙed rokem

    how to open a modal edit with CKEDITOR?

  • @jamesrbrindle
    @jamesrbrindle Pƙed rokem +4

    Nice approach but the design pattern doesn’t scale well having to manually populate fields during an edit cycle. Validation would be extremely time consuming across multiple controllers. I highly advise you take a look at how Ruby on Rails does this. You should return a view in your fetch all cycle rather than hard code HTML into the controller. Leverage jquery-ujs to remove a lot of repetitiion., Overall as a pure example of CRUD via AJAX this is not a bad tutorial. Thank you for taking the time.

    • @Felipe-ez5gg
      @Felipe-ez5gg Pƙed rokem

      Do you know where i can find something like you just said sir? Some video that implements It or even a repository... i would like to see that

    • @ZikoHendrix
      @ZikoHendrix Pƙed 10 měsĂ­ci

      Can you make us a tutorial where you do make the necessary adjustments ? Thank you.

  • @Wiji920
    @Wiji920 Pƙed rokem

    is this server side ?

  • @MrRoasi
    @MrRoasi Pƙed 3 lety +2

    Hi Sahil I am facing issue in application after entered all data in add employee and click on add button it is showing adding but nothing is happend

  • @mrjeetmumbaikar8731
    @mrjeetmumbaikar8731 Pƙed 11 měsĂ­ci

    How to get a response of date and time???

  • @ruzindanajules7040
    @ruzindanajules7040 Pƙed rokem

    sir could you share your vs code theme name from this video.Thank you

  • @ViralVideoToday
    @ViralVideoToday Pƙed 2 lety +2

    Nice tutorial bro! But there is only one thing that isn't working. The images aren't showing.
    I have successfully run the below;
    PS C:\xampp\htdocs\pherp> php artisan storage:link
    The [C:\xampp\htdocs\pherp\public\storage] link has been connected to [C:\xampp\htdocs\pherp\storage\app/public].
    The links have been created.
    PS C:\xampp\htdocs\pherp>
    But still all the images aren't showing.
    I have deleted the public/storages/images/ folder and run the "php artisan storage:link", but still the same.

    • @garymosqueda7177
      @garymosqueda7177 Pƙed 2 lety

      the solution for image: $imagepath =request('avatar')->store('uploads','public');
      This example will store the image directly to storage folder in public folder with name uploads.
      1. you must link the firs the storage. php artisan storage
      2. database 'avatar' => $imagepath
      3. To display:
      I hope it helps

    • @bertingpula7270
      @bertingpula7270 Pƙed rokem

      @@garymosqueda7177 can you drop the exact codings sir?

  • @garymosqueda7177
    @garymosqueda7177 Pƙed 2 lety +1

    This was a nice example of ajax crud. Thanks a lot. If others not working just try to change the methods to type: ex. method: 'POST'-> type: 'GET'. because its not working for me for the method in AJAX.

  • @aliazzam23
    @aliazzam23 Pƙed 11 měsĂ­ci

    53:40 why you send a route you not update to add route

  • @bertingpula7270
    @bertingpula7270 Pƙed rokem

    the url: '{{ route('store') }}', in ajax have an error what is the solution here sir?

    • @Has_ak47303
      @Has_ak47303 Pƙed rokem

      url: "{{ route('store') }}" use this you will get it😍

  • @mohsinnazeer7787
    @mohsinnazeer7787 Pƙed 2 lety +1

    The POST method is not supported for this route. Supported methods: GET, HEAD.

    • @anuragpatidar2315
      @anuragpatidar2315 Pƙed 2 lety

      $.ajax({
      type:'POST',
      url:'/ajax',
      headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success:function(data){}
      });
      put this token in ur ajax function

    • @franciscojavierrestrepolen3287
      @franciscojavierrestrepolen3287 Pƙed 2 lety

      chek if the function update is public bro.

  • @k_a_r_i_s-1812
    @k_a_r_i_s-1812 Pƙed 3 lety +1

    please make one with livewire

    • @DCodeMania
      @DCodeMania  Pƙed 3 lety +1

      Okay I'll upload in upcoming videos

  • @epicreviewer1485
    @epicreviewer1485 Pƙed rokem +1

    I'm getting internal server error 500 while performing store method

    • @zahratsabitah
      @zahratsabitah Pƙed rokem

      Me too

    • @epicreviewer1485
      @epicreviewer1485 Pƙed rokem

      @@zahratsabitah add namespace App\Http\Controllers; this line in your controller file. It will resolve your error

  • @facelesssheikh7978
    @facelesssheikh7978 Pƙed 2 lety

    Alert:
    This video is not for beginners
    coz he is just doing his work without explaining.....

  • @marcelsenga5063
    @marcelsenga5063 Pƙed rokem

    I'm getting internal server error 500 while updating... what could that be ?

    • @etienneselemani3176
      @etienneselemani3176 Pƙed rokem

      All this is the ODC??? pityđŸ˜Ș😼‍💹😼‍💹

    • @marcelsenga5063
      @marcelsenga5063 Pƙed rokem

      @@etienneselemani3176 I solved the issue bro, thx 😇

  • @njfaiaz
    @njfaiaz Pƙed rokem

    Sir this project source code give me please

  • @chaturyudhantoro6493
    @chaturyudhantoro6493 Pƙed 4 měsĂ­ci

    Sorry, when I edited it, the image section didn't appear, even though the route and src were correct