Membuat form sederhana menggunakan Node.js

RIFKI MUHAMMAD FAUZI

Sosial Media


0 orang menyukai ini
Suka

Summary

membuat tampilan form adalah hal dasar yang harus ada dalam pembuatan web

Pada kasus ini saya akan membuat sebuah form sederhana yang terintegrasi dengan mysql menngunakan node  js

Membuat form sederhana menggunakan node.js

Description

 Langkah pertama install terlebih dahulu node js, visual code studio dan xampp 

Selanjutnya bikin database sebagai penyimpanan data form, 

Kita buat db_regist, dengan satu table table_regist

Selanjutnya kita Tentukan dimana sistem ini akan di buat,saya menyimpa di directory D dengan nama folder basic form regist

Selanjutnya kita install npm

Dengan buka terminal dan ketik perintah npm init. Jawab semua pertanyaan yang diajukan melalui terminal, mulai dari name, version, author, hingga lisensi dan ketika selesai kamu akan mendapatkan file package.json.

Masih di terminal yang sama, ketikan perintah untuk menginstall dependensi yang kita perlukan untuk membangun system

Selanjutnya kita bikin folder config dan di dalam nya kita bikin file database.js sebahgain conectifitas database dengan isian file sebgai berikut 

Selanjuntya kita bikin file index.js dengan isian 

File ini akan menjadi file inti atau file induk sekaligus juga merupakan file yang berfungsi untuk menjalankan sistem ini nantinya.

Selanjutnya  kita Lanjut ke tahap pembuatan rute. Metode ini biasa disebut routing atau perutean terhadap sebuah sistem. Dimana kita akan membuat jalur-jalur apa saja yang tersedia untuk sistem ini ketika dijalankan kiat buat route regist 

Pada router diatas dapat perhatikan bahwa setiap router akan memanggil controller berikut dengan fungsi didalamnya. Tentu saja jika ketika jalankan akan terjadi error karena belum terdapat file controller sama sekali.kita buat controller regist

Sekarang kita lanjut kebagian desain halaman untuk ditampilkan ke pada user melalui browser. DIsini seperti yang saya jelaskan diawal, kita akan menggunakan template engine EJS

Kita bikin file regist.ejs, saya menggunakan bantuan boostrap, silahkan teman teman bisa mengunduh file boostrap di google, berikut codingan body dalam file regist.ejs

Setelah kita test Buka kembali terminal tempat kamu menginstal dependensi kita test server kita ketik node index.js

Setelah muncul di terminal seperti diatas , kita test di broser dengan mengtik arahkan ke url http://localhost:5050/.

 

Diatas adalah tampilan dari koding yang buat 

Informasi Course Terkait
  Kategori: Web Programming
  Course: Dasar – dasar Node JS