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

Поделиться
HTML-код
  • Опубликовано: 2 авг 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
    **********************************************************

Комментарии • 68

  • @Felipe-ez5gg
    @Felipe-ez5gg Год назад +2

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

  • @phanthang8455
    @phanthang8455 2 года назад +3

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

  • @1percentperday912
    @1percentperday912 2 года назад +2

    easy to understand sir, thanks

  • @AlbertoGodoy-kc4rf
    @AlbertoGodoy-kc4rf Год назад

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

  • @DANNY-qo4gh
    @DANNY-qo4gh Год назад +1

    Thanks for sharing ❣️

  • @dfordemo981
    @dfordemo981 2 года назад

    Great effort | awesome | thanks

  • @sktabrez856
    @sktabrez856 2 года назад +2

    You made my day. Thanks

  • @MADHAVCHANCHANI-eq7tl
    @MADHAVCHANCHANI-eq7tl 10 месяцев назад

    Thank you sir Truly Awesome

  • @mrlee-oo6zz
    @mrlee-oo6zz Год назад

    Well Done

  • @babyama7555
    @babyama7555 2 года назад +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

  • @mohamedameen9117
    @mohamedameen9117 Год назад +1

    Thank you very much❤❤❤❤

  • @heynerleiva
    @heynerleiva Год назад

    Thanks it was useful

  • @mishenthakshana3407
    @mishenthakshana3407 2 года назад

    Thankyou so much

  • @epicreviewer1485
    @epicreviewer1485 Год назад

    Best tutorial

  • @miralbudjang22
    @miralbudjang22 Год назад

    thanks bro 😁

  • @SuasanaSeram
    @SuasanaSeram 2 года назад

    Thanks sir

  • @sunaryono282
    @sunaryono282 2 года назад

    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

  • @kevinlapus7624
    @kevinlapus7624 2 года назад

    fantastic i subscribe for more videos update

  • @mishenthakshana3407
    @mishenthakshana3407 2 года назад +1

    tell me the extension used for your cursor please

  • @divijatagautamrajan9654
    @divijatagautamrajan9654 2 года назад

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

  • @shubhamsahuSD
    @shubhamsahuSD 2 года назад

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

  • @ps3lego95
    @ps3lego95 2 года назад +1

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

  • @garymosqueda7177
    @garymosqueda7177 Год назад +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.

  • @cjmano1712
    @cjmano1712 2 года назад

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

  • @blokkaliwon7794
    @blokkaliwon7794 7 месяцев назад

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

  • @sakavytech9141
    @sakavytech9141 Год назад

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

  • @amulgandhiwala
    @amulgandhiwala 2 года назад +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  2 года назад +1

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

    • @amulgandhiwala
      @amulgandhiwala 2 года назад +2

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

    • @DCodeMania
      @DCodeMania  2 года назад +1

      Very soon!!!

    • @amulgandhiwala
      @amulgandhiwala 2 года назад +1

      @@DCodeMania OK. Thanks Sir.

  • @jamesrbrindle
    @jamesrbrindle Год назад +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 Год назад

      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 9 месяцев назад

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

  • @MrRoasi
    @MrRoasi 2 года назад +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

    • @DCodeMania
      @DCodeMania  2 года назад

      Did you created route for that

    • @MrRoasi
      @MrRoasi 2 года назад

      @@DCodeMania Yes

    • @thepsych3
      @thepsych3 2 года назад

      Any solution

  • @hatimab5012
    @hatimab5012 Год назад

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

  • @facelesssheikh7978
    @facelesssheikh7978 2 года назад

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

  • @victorcastrosanchez3370
    @victorcastrosanchez3370 Год назад

    Hello
    Which is your theme of vscode please

  • @wesley68593
    @wesley68593 Год назад

    how to open a modal edit with CKEDITOR?

  • @ilhamlutfi5815
    @ilhamlutfi5815 Год назад

    So this is server-side datatable sir.?

  • @chaturyudhantoro6493
    @chaturyudhantoro6493 3 месяца назад

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

  • @ViralVideoToday
    @ViralVideoToday 2 года назад +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 Год назад

      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 Год назад

      @@garymosqueda7177 can you drop the exact codings sir?

  • @mrjeetmumbaikar8731
    @mrjeetmumbaikar8731 9 месяцев назад

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

  • @mohsinnazeer7787
    @mohsinnazeer7787 2 года назад +1

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

    • @anuragpatidar2315
      @anuragpatidar2315 2 года назад

      $.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 2 года назад

      chek if the function update is public bro.

  • @Wiji920
    @Wiji920 Год назад

    is this server side ?

  • @epicreviewer1485
    @epicreviewer1485 Год назад +1

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

    • @zahratsabitah
      @zahratsabitah Год назад

      Me too

    • @epicreviewer1485
      @epicreviewer1485 Год назад

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

  • @aliazzam23
    @aliazzam23 10 месяцев назад

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

  • @bertingpula7270
    @bertingpula7270 Год назад

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

    • @Has_ak47303
      @Has_ak47303 Год назад

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

  • @ruzindanajules7040
    @ruzindanajules7040 Год назад

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

  • @marcelsenga5063
    @marcelsenga5063 Год назад

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

    • @etienneselemani3176
      @etienneselemani3176 Год назад

      All this is the ODC??? pity😪😮‍💨😮‍💨

    • @marcelsenga5063
      @marcelsenga5063 Год назад

      @@etienneselemani3176 I solved the issue bro, thx 😇

  • @k_a_r_i_s-1812
    @k_a_r_i_s-1812 2 года назад +1

    please make one with livewire

    • @DCodeMania
      @DCodeMania  2 года назад +1

      Okay I'll upload in upcoming videos

  • @njfaiaz
    @njfaiaz Год назад

    Sir this project source code give me please