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

Подписаться 21 тыс.

Просмотров 34 тыс.

50% 1

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...
#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/...
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👇
themarketingbo...
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
**********************************************************

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@Felipe-ez5gg Год назад

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

@babyama7555 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

@garymosqueda7177 2 года назад

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.

@phanthang8455 2 года назад

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

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

easy to understand sir, thanks

@DANNY-qo4gh Год назад

Thanks for sharing ❣️

@jamesrbrindle 2 года назад

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

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

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

@sktabrez856 3 года назад

You made my day. Thanks

@DCodeMania 3 года назад

🙂🙂🙂

@ps3lego95 2 года назад

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

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

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

@@garymosqueda7177 can you drop the exact codings sir?

@AlbertoGodoy-kc4rf 2 года назад

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

@MADHAVCHANCHANI-eq7tl Год назад

Thank you sir Truly Awesome

@MrRoasi 3 года назад

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

Did you created route for that

@MrRoasi 3 года назад

@@DCodeMania Yes

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

Any solution

@epicreviewer1485 2 года назад

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

@zahratsabitah 2 года назад

Me too

@epicreviewer1485 2 года назад

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

@campus2024 3 года назад

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

@sakavytech9141 Год назад

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

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

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

@amulgandhiwala 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 3 года назад

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

@amulgandhiwala 3 года назад

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

@DCodeMania 3 года назад

Very soon!!!

@amulgandhiwala 3 года назад

@@DCodeMania OK. Thanks Sir.

@mohsinnazeer7787 2 года назад

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

@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