CRUD Dengan PHP Vue.js

0
76

CRUD Dengan PHP Vue.js – Pada artikel ini kita akan membuat CRUD dengan PHP Vue.js.

Berikut langkah-langkahnya:

CRUD Dengan PHP Vue.js

Untuk belajar PHP Anda bisa lihat di artikel sebelumnya di sini

Belajar PHP

Untuk pelajari Vue.js Anda bisa lihat di artikel sebelumnya di sini

Belajar Vue.js

Basis data

Kami menyiapkan database terlebih dahulu.

Dari baris perintah ketik ini perintah berikut:

BUAT DATABASE vuejs_crud_php;
GUNAKAN vuejs_crud_php;

Selanjutnya buat meja pengguna dengan ketik perintah berikut:

Lihat kode pada Gist.

CRUD Dengan PHP Vue.js

Buat proyek baru dengan nama vuejs-crud-php di DocumentRoot untuk Windows (c: xampp htdocs) atau jika Anda menggunakan Linux ( var www html)

Unduh Axios

Unduh itu Aksioma paket dari GitHub, kemudian ekstrak dalam direktori proyek vuejs-crud-php.

index.html

Buat file baru dengan nama index.html dalam folder vuejs-crud-php dan tuliskan naskah berikut:

Lihat kode pada Gist.

Menyimpan berkas index.html

config.php

Buat file baru dengan nama config.php dalam folder vuejs-crud-php dan tuliskan naskah berikut:

Lihat kode pada Gist.

Menyimpan berkas config.php

process.php

Buat file baru dengan nama process.php dalam folder vuejs-crud-php dan tuliskan naskah berikut:

Lihat kode pada Gist.

Menyimpan berkas process.php

Pengujian CRUD Dengan PHP Vue.js

Selanjutnya buka browser dengan ketik ini URL http: / localhost / vuejs-crud-php

Fig1 CRUD dengan Vue.JS PHP - Pengujian CRUD
Fig1 CRUD dengan Vue.JS PHP – Pengujian CRUD

Sampai disini CRUD Dengan PHP Vue.js sudah selesai. Pada artikel selanjutnya kita akan menggunakan lebih banyak contoh program menggunakan Vue.js. kerangka.

Semoga bermanfaat.

Anda dapat mengunduh kode sumber di sini:

LEAVE A REPLY

Please enter your comment!
Please enter your name here