Selamat malam kawan semua, sehat selalu buat kita. Malam ini saya akan membagikan tutorial sederhana bermain dengan Flask dan VueJS atau lebih detilnya belajar CRUD sederhana menggunakan Flask & VueJS.
Baik, alat & bahan yang perlu disiapkan:
– Flask
– CoreUI (VueJS)
Atau download source lengkapnya disin:
CoreUI: https://github.com/harrylicious/ExperimentFlaskVueJS
Flask: https://github.com/harrylicious/FlaskBackend
Pemahaman dalam instalasi tool diatas begitu penting dalam tutorial ini sehingga sy mengimpulkan bahwa kawan-kawan sudah mampu melakukan instalasi Flask & VueJS.
Dalam operasi CRUD (Create Read Update Delete) maka tentu ada data yang akan diolah dan dalam tutorial ini kita akan menggunakan PostgreSQL sebagai DBMS (Database Management Sistem) kita dan nantinya record/data pada postgresql yang akan kita olah.
Langkah 1:
Instalasi PostgreSQL. Link: http://www.postgresqltutorial.com/install-postgresql/
Dalam link tutorial tsb bagaimana melakukan instalasi PostgreSQL dan didalamnya nanti terdapat PgAdmin sebagai IDE (Integrated Development Envirenment) / Interface untuk mengoperasikan database.
Langkah 2:
Jalankan server coreUI dan lihat d browser.
Langkah 3:
Jalankan server FlaskBackend agar data dapat terhubung.
Langkah 4:
Buka source code menggunakan code editor dan pahami setiap kode dengan baik.
Happy Coding.
