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
**********************************************************
it was hard to find a tutorial so good like this one, thank you sir!
This is such a good thing, Love you so much!
easy to understand sir, thanks
Thank you bro you really helped me a lot you gained one more subscriber, seriously thank you very much
Thanks for sharing ❣️
Great effort | awesome | thanks
You made my day. Thanks
🙂🙂🙂
Thank you sir Truly Awesome
Well Done
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
Thank you very much❤❤❤❤
Thanks it was useful
Thankyou so much
Best tutorial
thanks bro 😁
Thanks sir
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
fantastic i subscribe for more videos update
tell me the extension used for your cursor please
Is this code up to the production grade?can I use this code in the production?
I am also not getting edit id, plz explain and what you did exactly to resolve, i am not catching that
i got error 500 internal server error, how to fix that?
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.
hi bro how can i use if else inside td please help me, i need to show the status color by condition
Sir, how do I make the return function not return to the first page after successful edit and delete ?
3min to download source code and do it . Thank bro My indivual assignment just done in 3 min .already subscribe
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.
I'll upload a video about my vs code....and there I'll show you everything okay
@@DCodeMania thank you sir. When you upload a video
Very soon!!!
@@DCodeMania OK. Thanks Sir.
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.
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
Can you make us a tutorial where you do make the necessary adjustments ? Thank you.
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
Did you created route for that
@@DCodeMania Yes
Any solution
Hello sir how I can add csv excel pdf print to this table
Alert:
This video is not for beginners
coz he is just doing his work without explaining.....
Hello
Which is your theme of vscode please
how to open a modal edit with CKEDITOR?
So this is server-side datatable sir.?
Sorry, when I edited it, the image section didn't appear, even though the route and src were correct
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.
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
@@garymosqueda7177 can you drop the exact codings sir?
How to get a response of date and time???
The POST method is not supported for this route. Supported methods: GET, HEAD.
$.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
chek if the function update is public bro.
is this server side ?
I'm getting internal server error 500 while performing store method
Me too
@@zahratsabitah add namespace App\Http\Controllers; this line in your controller file. It will resolve your error
53:40 why you send a route you not update to add route
the url: '{{ route('store') }}', in ajax have an error what is the solution here sir?
url: "{{ route('store') }}" use this you will get it😍
sir could you share your vs code theme name from this video.Thank you
I'm getting internal server error 500 while updating... what could that be ?
All this is the ODC??? pity😪😮💨😮💨
@@etienneselemani3176 I solved the issue bro, thx 😇
please make one with livewire
Okay I'll upload in upcoming videos
Sir this project source code give me please