#4 CRUD App Using Vue.js, Bootstrap 4, PHP, MySQLi | Vue.js Advanced Tutorial


[ad_1]
https://i.ytimg.com/vi/hS6tdgrBJEo/hqdefault.jpg



Hello friends! In this video I’m showing you how to make CRUD application functional using Vue,js and Axios library.
This is the last video of this series!
If you have any issues regrading this application then you are welcome to ask your issues in the comment section.

All Videos of this series : https://www.youtube.com/playlist?list=PL6u82dzQtlfvDQ-TSGiMw4dH8JmHsrtT8

Vue.js Beginners Course Playlist : https://www.youtube.com/playlist?list=PL6u82dzQtlfuGjXN_Z0qCSrJzRZYIj68l

#vuejsAdvancedTutorial
#vuejsCrudApp
#vuejsPHP
#vueJsPHPCrudApp

If you like my works and my video tutorials then you can donate me some amount. You can donate through these links :

Paypal : https://www.paypal.me/wolfmania

Instamojo (Credit/Debit Card & UPI) : https://www.instamojo.com/@wolfmania

Thanks for watching this video. If you like this video then hit like button, share this video, And Subscribe my Channel. Also like my Facebook page for latest updates.

♥ Facebook Page – https://www.facebook.com/dcodemania
♥ Myself On FB – https://www.facebook.com/sahil4rock
♥ Instagram – https://www.instagram.com/sahil4rock
♥ Twitter – https://twitter.com/dcodemania

Original source


45 responses to “#4 CRUD App Using Vue.js, Bootstrap 4, PHP, MySQLi | Vue.js Advanced Tutorial”

  1. Thanks for U job! Is is greatest video i saw.
    But i have a problem.
    When i trying to get list of users, i get mistake in chrome console:
    "main.js:22 Uncaught (in promise) ReferenceError: response is not defined
    at main.js:22"

  2. This guy is too much, he did all his best to remove any ambiguity in the video. If not for someone like him, this video could have been a very complicated one, but he is a talented teacher, and have succeeded in clearing all forms of confusion. Thanks man, you deserve more, you channel all d way!

  3. Hi, when I tried to run the code on 9:30 ,
    I got the following error in my console in the browser:
    "VM100 vue.js:634 [Vue warn]: Error compiling template:

    Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed."
    Is there anyway to get over it?

  4. I am unable to fetch any data from my php file, I get a 404 error.

    I am using laragon to run this php file, and I call it with filename.test/data.php, whch displays the data in json, and this is the link i put into axios.

    I then open my vue with run serve.I try to console log the data, but I get a 404 error.

    What am I doing wrong ?

  5. Great series! Was able to follow and produce a working app! One thing I would suggest, when updating a user, have the changes only submit once the user clicks update. Currently it's auto updating the fields as the user types. If you close the box without clicking update, the changes still remain.

  6. I am facing this problem when I am going for create method in process.php

    Notice: Undefined index: id in C:xampphtdocscrud-php-vueprocess.php on line 39

    Notice: Undefined index: name in C:xampphtdocscrud-php-vueprocess.php on line 40

    Notice: Undefined index: email in C:xampphtdocscrud-php-vueprocess.php on line 41

    Notice: Undefined index: phone in C:xampphtdocscrud-php-vueprocess.php on line 42

    {"error":false,"message":"User Updated successfully !"}

    Please help me

  7. There is a small mistake you have done. Try to update a user with a other user email, then updates that email in failed user email field(Only in front-end) even update failed in db. In vue instance updateUser method, move app.getAllUsers() after if & else statements or do something better. Anyway this is a very good tutorial series. Thanks!. Liked & Subscribed.

  8. Very, excellent practice…please use Laravel and Vue Js with Store Vue Js in another app and up Youtube…Escuse me for my English, i am from Venezuela, I speak Spanish but my English is not very well….thanks a lot of…Congratulations!!!

Leave a Reply